如何使用WP Rocket加速WordPress网站

WP Rocket是一款易用的速度优化插件，能够提升wordpress网站的访问速度和速度评分。我曾经在比较缓存插件时，试过了W3 Total Cache、WP Fastest Cache、WP Super Cache、Flyingpress、Accelerator等多款插件，从效果、性价比、易用性角度综合来看，WP Rocket是一个不错的选择，也是我一直在用的选择。

WP ROCKET没有免费版，只有付费版，官方价格为59美元/1个站点/1年，我购买了代理版本自用，并有一些余量用于分销，如有需要，可联系我。

注意，WP Rocket只是速度优化中的一个环节，不是万能药，它主要是服务于客户端的（譬如浏览器端缓存、页面缓存等），而如果你主机配置低、服务端速度优化配置差、你选的主题插件质量不高、你上传的媒体太大等等，都会影响到网站的速度的。

接下来，来看看我对WP Rocket的常用配置是什么。我先说明一下前提：我为建站客户选择的都是cloudways主机，这样我就能确保主机的配置是没问题的；制作页面我用的是Elementor，并且只用了一款crocoblock作为补充扩展，没有其他页面相关的插件，其他辅助插件都是选的行业内的顶流，这样确保建站用的工具是品质高的，再有就是严控上传的图片的大小。

设置 WP Rocket

安装并启用wp rocket，有一些速度优化的默认设置就已经开始起作用了，无需额外配置，甚至一些基础的功能直接没有提供配置项给你，是静默开启的，主要如下：

• 页面缓存： 自动生成静态HTML缓存。
• 缓存预加载： 内容更新后自动预加载。
• 浏览器缓存： 将静态资源本地存储，减少重复加载。
• GZIP压缩： 压缩文件大小，加快传输速度。
• 关键图像优化： 智能优化影响加载性能的关键图像。
• 自动延迟渲染： 优化页面响应性，提升用户体验。
• 电子商务优化： 智能排除购物车等敏感页面，保证交易流程顺畅。

而需要配置的项目，来看一下我的配置。

点击wordpress后台顶部的wp rocket》设置，即可进入设置页面

接下来按照下列组图框选的选项进行配置，此外：wp rocket插件自带中文，只要你把后台的用户语言设置为中文即可。

仪表盘

在仪表盘中，你可以看到账户的授权类型以及过期时间，通常这个页面里你不需要做什么事情，不过，如果你买到的是破解版插件，那么过期时间可能是很久以后，而不是一年内，并且破解版是无法使用官方提供的需要连接官方服务器的功能，譬如对提分提速比较明显的移除未使用CSS功能，也不能在线更新，还可能有安全隐患为网站开启了后门。

文件优化

下文是我自己的常用配置，供你参考。

将CSS递送优化设为移除未使用CSS能够比较显著的提升pagespeed insights中的提分，此外，移除未使用CSS的功能是异步实现的，WP ROCKET的官方API会为你处理这个工作，并且生成过程也需要时间，还有，移除未使用CSS区分了电脑端和移动端，所以如果你设置完就去测分，那么，可能感受不到它的成果，建议你过个把小时再来测试，并且多测几次，获得综合评分。一般来说，使用Elementor建站的页面评分，移动端大约在80分上下波动，电脑端在90分以上居多。

接下来我们看一下JavaScript的设置。

javascript异步加载是将js文件放到了页脚，而延迟执行是在交互时才触发，通常延迟执行引起页面问题的概率大一点，有些主题会为你提供wp rocket的理想配置，但并非所有主题都支持，这个延迟执行的功能，如果没有专业知识、或可靠的设置、或耐心的测试，否则不推荐启用。

而JavaScript异步加载也经常会因为JS之间的关联性，引起页面某些局部的交互操作迟迟无法操作的情况，因为js被放到页脚引起的，所以，我在使用Elementor建站时，为了平衡用户体验，就选择不进行站内js的异步加载与延迟执行，只对第三方的js进行延迟执行，虽然这样做会让pagespeed insights评分低一点，但对用户体验更好。

媒体

按下图所选进行启用，通常我们要启用懒加载，让图片在进入可查看区域时才加载，降低页面加载时间，但也能带来另一个感官上的缺陷，就是用户看到图附近时，图才加载，体验上就没有那么流畅。

而对于CSS背景图像是否启用懒加载，对于Elementor建站而言，Elementor已经提供了背景图懒加载默认开启的性能设置，所以我在WP Rocket中就不再开启了，如果你使用别的主题、插件建站，可以开启后观察前台有无异样，如果一切正常，则可以开启。

下图中的图片尺寸添加缺失的宽高属性、以及字体的预加载字体、自托管谷歌字体都是可以开启的，如果主题或其他插件已经开启了类似功能，则不要重复开启了。

预缓存

在下图中，预缓存要开启。如果你的网站已经上线，启用了rank math seo等SEO插件，这里还能勾选按照站点地图（sitemap）进行预缓存。

此外，启用链接预取功能也很棒，当你把鼠标停留在链接之上时，对应页面就已经预先加载一部分内容了，这样会提升用户的体验，让用户感觉打开网页很快。

修改网站后发现未生效，怎么办？——清除缓存

若是你修改了某个页面内容，或全站的全局设计，却发现在未登录的情况下访问网站时，修改未生效，记得使用如下的清理功能，如果要清理全站的，则在网站后台顶部条找到WP ROCKET，如果要清理某个页面的，可以在登录网站的前提下，访问对应页面，在顶部找到WP ROCKET，在下拉项中，我们能看到清除并预加载缓存、清理已使用CSS、清除优先元素功能。

那如何判断何时用哪个清除功能呢？答案是：不要判断了，理解起来费劲。我们如果修改了全站的设计风格，那么在后台的WP ROCKET下拉选项下依次点击这3个清理功能即可。如果是仅仅修改了一个页面，那么就在这个页面的WP ROCKET下拉选项下依次点击这3个按钮即可。