Autoptimize轻量级网站优化插件

ronpris
ronpris
ronpris
253
文章
1
评论
2020年4月19日13:48:39 评论 193 1683字阅读5分36秒

Autoptimize插件介绍(一)

这款插件能够合并压缩js和css文件,减少浏览器对服务器的请求次数,可以添加过期时间、缓存、并且能够去除如空行、注释等多余的冗余代码,也可以压缩HTML文本,极大的加速网站相应,提高网站打开速度。
使用这款插件可以优化和延迟加载图像,优化Google字体,异步非聚合JavaScript,删除WordPress核心表情符号等,对于网站访客来说,网页的打开速度自然越快越好,一个打开快速的网站既能够节约访客的等待时间,又能够给访客留下很好的体验,所以强烈推荐这款插件。

Autoptimize功能(二)

开启JS的优化设置

优化 JavaScript 代码:此项功能会将多个 js 合并成为一个,主要注意的是,有些 WordPress 主题 js 写的不好,合并后可能浏览器会报错。
解决办法:可以在 Exclude scripts from Autoptimize 这个选项中选择一些有问题的 JS,这些选中的 JS 不会被压缩。

开启CSS的优化设置

优化 CSS 代码:开启此选项会合并多个 css 并对内容进行压缩。
和 JS 一样,若压缩 css 后前端显示不正常,可以在排除选项 Exclude CSS from Autoptimize 中排除有问题的 css 文件。

其他项设置


cdn选项:css 和 js 合并后,可以重写域名,对此域名可以单独开启 CDN 服务加速。
注意:这个tag优化块都设置完之后,要点击保存按钮再调整下一个tag,否则不会生效

Images设置


设置图片的懒加载,也是一种提高页面打开速度的优化方式。

Extra设置

主要设置是移除谷歌字体和禁用Emojis表情这两种方式能减少页面加载内容,从而提升网页打开速度。

至此,本站的优化设置就完成了,不过在安装部署Autoptimize时候遇到了问题,安装完成插件之后,在打开时候非常困难。

无法打开插件设置优化方案(三)

找了好久才发现是插件设置的时候要加载feeds.feedburner.com这个地址,而这个地址是国外服务器地址,国内打开基本上都是超时,所以导致打开插件的设置非常慢。

优化方案一

可以在/etc/hosts中添加feeds.feedburner.com解析地址,如果能够用root连接到服务器,那么可以执行以下语句即可:

echo “127.0.0.1 feeds.feedburner.com” >> /etc/hosts

设置后如图所示:

注意:强烈推荐方案一

优化方案二

找到加载feeds.feedburner.com的php,并删除内容即可。
找到插件相关目录,一般目录为下面目录,站点根目录为您的站点的根目录

cd 站点根目录/wp-content/plugins/autoptimize/classes

找到这个文件autoptimizeConfig.php
然后编辑这个文件,内容大约在470行左右,如图所示:
删除下面这段内容,这样插件的设置打开速度也会正常

<div id="futtta_feed">
<div id="autoptimizefeed">
<?php $this->get_futtta_feeds( 'http://feeds.feedburner.com/futtta_autoptimize' ); ?>
</div>
<div id="wordpressfeed">
<?php $this->get_futtta_feeds( 'http://feeds.feedburner.com/futtta_wordpress' ); ?>
</div>
<div id="webtechfeed">
<?php $this->get_futtta_feeds( 'http://feeds.feedburner.com/futtta_webtech' ); ?>
</div>
</div>

注意:如果插件升级,那么还需要重新操作一次

在后台插件安装界面搜索 Autoptimize 即可在线安装,或者下载 Autoptimize安装包手动安装。
注:合并和压缩js、css,可能会导致网站出现一些错误,所以使用这个插件需要将其中一些可能出错的js和css文件在设置选项中进行排除。

继续阅读
[基础教程]Mysql单表查询优先级实例讲解 原创推荐

[基础教程]Mysql单表查询优先级实例讲解

这篇文章主要介绍了MySQL单表查询操作,结合实例形式详细分析了mysql单表查询的语法、约束、分组、聚合、过滤、排序等相关原理、操作技巧与注意事项,需要的朋友可以参考下 本文实例讲述了MySQL单表...
[基础教程]Linux系统常用文件管理命令 原创推荐

[基础教程]Linux系统常用文件管理命令

这篇文章主要介绍了linux文件管理命令,结合实例形式分析Linux文件管理的显示、查看、统计等相关操作命令使用技巧,需要的朋友可以参考下 本文实例讲述了linux文件管理命令。分享给大家供大家参考,...