WordPress功能众多,插件扩展也五花八门,只要有需求就有相应的插件,对于经常玩WordPress的朋友,WordPress网站优化提速是必不可少的一步,而网站优化提速也有很大途径,前面抓虾为大家总结过几种方法,通过插件来实现,一般就是安装冗余清理插件、缓存类插件、图片压缩插件和前端css、js压缩插件。大家可以参考一下抓虾前面的几篇文章:
今天给大家介绍的是一款非常实用,而且效果还非常不错的前端CSS和JavaScript代码整合压缩插件-Autoptimize
一、Autoptimize 简介
Autoptimize是一款用于整合CSS和JavaScript代码并压缩,减少浏览器对服务器的请求次数,并且可以除去其中如空行、注释等多余代码,也可压缩 HTML 文本,极大加速网站响应。
对于网站访客来说,网页的加载速度自然是越快越好。一个打开迅速的网站可以节约访客的等待时间,给访客留下很好的体验。
二、Autoptimize 主要功能
Autoptimize 主要通过以下几种方式来加速 WordPress 前端速度:
HTML选项
优化 HTML 代码:移除代码中的空行、注释等。
JavaScript 选项
优化 JavaScript 代码:此项功能会将多个 js 合并成为一个,主要注意的是,有些 WordPress 主题 js 写的不好,合并后可能浏览器会报错。
解决办法:可以在 Exclude scripts from Autoptimize 这个选项中选择一些有问题的 JS,这些选中的 JS 不会被压缩。
CSS 选项
优化 CSS 代码:开启此选项会合并多个 css 并对内容进行压缩。
和 JS 一样,若压缩 css 后前端显示不正常,可以在排除选项 Exclude CSS from Autoptimize 中排除有问题的 css 文件。
CDN 选项
cdn选项:css 和 js 合并后,可以重写域名,对此域名可以单独开启 CDN 服务加速。Mac知道就使用了这个功能,将压缩后的 css 和 js 单独重写为另一个子域名,使用 Baidu CDN 进行全网缓存加速。
Cache Info
显示缓存信息,如位置,占用空间等。
Misc Options
Save aggregated script/css as static files:开启本选项后,被合并压缩的 css 和 js 将保存为静态文件。若不开启,autoptimize 将会使用 php 以动态方式加载压缩后的文件。推荐开启。
Also optimize for logged in users:开启本选项后,对于管理员或登陆 WordPress 后台用户,仍然显示压缩后的 js 和 css,本选项推荐开启。关闭此选项可以用来排查错误。
三、Autoptimize 使用中的问题
1、Q:打开 Autoptimize 设置选项非常慢,甚至无法打开。
A:出现这个问题,你的网站服务器一定在中国。每次开启 Autoptimize 设置界后,Autoptimize 的程序源码会使用 php 请求 feeds.feedburner.com,从此处获取信息填充右侧边栏的新闻推送。问题是 feeds.feedburner.com 这个网站在国内无法被访问,造成 php 程序超时。
解决方案:如果自己对服务器有权限,在 hosts 中加入:feeds.feedburner.com 127.0.0.1
完美解决 php 访问超时。
2、Q:Autoptimize 优化效果明显么?
A:非常明显。据本站测试,速度有明显提升。Google 检测 CSS 和 JS 加载速度结果优秀。