Autoptimize 优秀的 WordPress 前端提速插件

0

Autoptimize 是一款 WordPress 插件,这个插件可以合并前端众多的 JS 和 CSS,减少浏览器对服务器的请求次数,并且可以除去其中如空行、注释等多余代码,也可压缩 HTML 文本,极大加速网站响应。

Autoptimize logo

对于网站访客来说,网页的加载速度自然是越快越好。一个打开迅速的网站可以节约访客的等待时间,给访客留下很好的体验。

一、Autoptimize 简介

版本  2.2.2
更新时间  2017年12月
安装数  40万
WordPress版本  4.0+
最高支持  4.9.1
语言  部分汉化,英文等 19+

(表格数据截至2018.01.01)

Autoptimize 设置界面

Autoptimize 设置界面

官方地址:Autoptimize官方下载

二、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 加载速度结果优秀。

社交分享.

评论区