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文件在设置选项中进行排除。
评论