Skip to main content

WP Rocket 使用教程:简单易上手的 WordPress 缓存和性能优化插件

caution

Last updated: Oct 15, 2025

WP Rocket使用教程,简单易上手的WordPress缓存和性能优化插件

文章概览

跟随本篇 WP Rocket 使用教程,优化你的 WordPress 网站页面缓存和性能优化,提升网站页面打开速度和用户体验。

WP Rocket 使用教程

WP Rocket 是一款比较受欢迎的 WordPress 缓存 + 性能优化插件(如果你想使用单独的性能优化插件,请参考 Perfmatters 教程),这个插件的主要作用就是来提高 WordPress 网站的加载速度。

WP Rocket 插件的核心功能有:

  • 页面缓存
  • CSS、JS 文件压缩和加载优化
  • 图片、视频惰性加载
  • 缓存预加载、链接预加载
  • 数据库清理
  • 连接 WP Rocket 自家 CDN
  • 心跳控制
tip

别看这个插件的功能还挺多,但设置步骤其实很简单,接下来就跟随 Well 的 WP Rocket 使用教程一起来进行 WordPress 速度优化吧:

WP Rocket 仪表盘设置

WP Rocket 仪表盘主要展示该插件的到期时间和缓存清理操作:

在网站进行页面布局或样式修改后,如果前端页面没有发生变化,可以在仪表盘右侧清除 WP Rocket 缓存。

WP Rocket 文件优化设置

CSS 文件优化设置

  • 压缩 CSS 文件:勾选,自动删除 CSS 文件里的空格和注释,进一步的压缩 CSS 文件的大小。
  • CSS 递送优化:勾选,建议开启异步加载,如果开启移除未使用的 CSS 可能会导致页面样式错乱。

JavaScript 文件优化设置

  • 压缩 JS 文件:勾选,和压缩 CSS 选项同理。
  • JavaScript 异步加载:勾选,一定程度上避免 JS 文件阻塞 HTML 和 CSS 的加载。
  • JavaScript 延迟加载:勾选,这个功能最能优化 LCP 指标,只有用户交互后才加载 JS 文件,在下方还能排除某些插件延迟加载

WP Rocket 媒体设置

懒加载

懒加载也叫延迟加载或惰性加载,逻辑是:在用户浏览到指定元素时才加载该元素,避免打开页面就一股脑的把图片都进行加载,从而影响页面加载速度。

  • 为图片开启:勾选
  • Enable for CSS background images(为背景图开启):勾选
  • 框架&视频:勾选
  • 还可以在下面的框里填写图片名称或者是文件名排除延迟加载

图片尺寸

添加缺失的图片宽高属性:勾选,避免有些图片加载不出来或丢失的时候导致页面偏移

Fonts

Self-host Google Fonts:把网站使用的 Google 字体下载到服务器,加载的时候就不通过谷歌下载,能更快

WP Rocket 预缓存设置

  • 预加载缓存:勾选开启预缓存,清除缓存或者缓存丢失的时候,自动加载页面生成缓存,确保网站一直有缓存,提高网页打开速度。
  • 链接预取:勾选启用链接预取,用户浏览页面的时候,只要鼠标经过 URL 就自动开始加载该 URL 页面的内容,在点击的时候就能更快打开该页面。会一定程度增加服务器请求,如果服务器资源已经占用很多了就不要开这个功能了。
  • DNS 预读取:快速加载网站意外的内容,没特殊需求不用添加。
  • 预加载字体:访问页面时提前加载字体,没特殊需求不用添加。

WP Rocket 高级规则设置

一般情况下不做调整,WP Rocket 已经自动帮我们从缓存中排除了大部分动态页面和请求。

WP Rocket 数据库优化设置

info

按图片里的设置进行勾选属于稳健型,清理频率设置为一周。

  • 修订版本:选择性勾选,修订版本就是在写文章或者是页面是保存的多个版本,看自己有没有需要保留的需求。
  • 自动草稿:选择性勾选,在编写文章或者页面时 WordPress 会自动 60 秒(默认)保存一次内容,这就是自动草稿,像 Well 写文章时都习惯性的经常手动保存草稿,所以勾选也没事。
  • 回收站文章:勾选,一般回收站的内容都是不要的,清理掉减轻服务器存储。
  • 垃圾评论:不勾选,自己审核一下放回收站就行了,设置下面的回收站评论自动清理就好了。
  • 回收站评论:勾选。
  • 所有临时数据:勾选,临时数据都是不怕清理的,会自动再生成。
  • 优化数据表:勾选。
  • 自动清理计划任务:每周。

WP Rocket CDN 设置

Well 建议外贸网站使用免费的 Cloudflare CDN,就能很好的加速网站。

如果你要使用 WP Rocket 家的 CDN,也就是 RocketCDN,按照指引设置即可。

WP Rocket 心跳检测设置

这个设置对服务器性能有一定要求,因为开启后会自动发起 API 请求。

先开启心跳控制,将检测频率都设置为"减少活动",再观察服务器端资源占用情况,如果服务器资源占用过多就关闭心跳控制。

总结

以上就是 WP Rocket 插件设置教程的全部内容,利用该插件可以有效的管理 WordPress 网站页面缓存和性能优化。

note

点击查看更多 Well 写的 WordPress 网站速度优化教程。

下载链接

插件名称下载链接版本备注
WP RocketWP Rocket 官网最新版缓存和性能优化插件