Project Description

更新日期: 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的相关工具评分,都会有明显的提升。