更新日期: 2017-09-11
(本文是免费插件的方法,有更好效果的付费方法,参考文章《使用WP Rocket加速网站》)
合理的设置缓存,可以显著的提升网站打开的速度,在用PageSpeed Insight或者GTmetrix进行评测的时候,评分显著提高。
在使用缓存插件的时候,我们希望可以解决以下问题:
- 支持SSL(https的网站)
- 支持CDN
- 提供Gzip功能
- 可以Minify CSS / JS,对CSS和JS进行压缩
- 可以Minify HTML,对网页进行压缩
- 可以PreLoad,也就是可以提前把页面进行缓存好。否则缓存会在该页面被第一次访问的时候生成,导致该次的访问速度会相对比较慢
- Avada等主题使用缓存插件的时候,是兼容的,不会导致出现一些乱七八糟的问题
- 插件最好是免费的
缓存和优化插件有很多,比如:
- W3 Total cache
- WP Super cache
- WP Fastest cache
- Autoptimize (这个和前面3个不太一样,不算是cache类的,主要是针对html、js、css等进行优化的)
其中W3 Total Cache无疑是功能强大的,但是目前已经有超过5个月未更新,后期是否继续兼容新版本的Wordpress是个未知数。WP Super Cache是一个很简单易用的插件,在其说明中未表明它能支持SSL。而WP Fastest Cache相对来说,没有W3TC复杂,基本上和WPSC差不多简单,而且还支持SSL和CDN的设置,只是在免费版中有些限制,比如对CSS/JS的优化不足够好。
所以在多次测试后,我的选择是使用:WP Fastest Cache + Autoptimize 这2个插件配合使用来进行缓存的设置。
注意事项:
使用缓存插件,是很容易出现各种问题,比如:
- 网站样式乱了啊
- 我改的内容怎么不显示啊
- 网站打不开了
- 网站后台进不去
所以,在激活这类插件之前,务必注意以下事项:
- 不要同时激活两个Cache类的插件,这点非常重要!
- 不要上来就安装Cache插件,在网站完工上线之后,可以开启Cache插件;
- 激活插件之前,建议做一次网站的备份;
- 若导致网站异常,Deactive相应插件;(这一点也适合安装其他插件,如果插件和插件彼此不兼容,也是通过逐一Deactive来进行筛查)
- 若是连网站后台都进不去,那就到服务器上的“文件管理”中,找到 /wp-content/plugins/ 文件夹中找到导致问题的插件文件夹,删除。
缓存优化设置:
WP Fastest Cache设置
激活插件,左侧导航中能找到 WP Fastest Cache 的菜单入口。
在设置界面,我们只需要勾选以下项目即可,其他的不用勾选,尤其是和HTML/JS/CSS相关的项目,避免和Autopitimize里面的设置产生冲突。
- Cache System
- Preload
- Logged-in Users
- usersMobile
- Gzip
- Browser Caching
Autoptimize设置
激活插件后,菜单入口在 Settings -》Autopitimize。
直接勾选 Main 菜单下的3项内容,并保存即可。
- Optimize HTML Code?
- Optimize JavaScript Code?
- Optimize CSS Code?
右上角的“Show advanced settings”可以点开高级设置,但是,不需要去做修改。
通过这2款插件的配合使用,网站打开速度及PageSpeed的相关工具评分,都会有明显的提升。