你的网站是不是也这样:打开要等3秒以上,PageSpeed得分只有50-60分,用户进来就走,搜索引擎排名也上不去?
网站速度是用户体验和SEO的核心因素。Google明确表示页面速度是排名因素,研究显示页面加载时间每增加1秒,转化率下降7%,跳出率增加32%。
提升网站速度最有效的方法就是装一个好的缓存插件。WP Rocket是目前最好的WordPress缓存插件,没有之一——安装简单、功能强大、效果显著,配合正确的设置可以让网站速度提升100%-200%。
![图片[1]-WP Rocket缓存加速设置完整教程2026最新版:从0到1完整配置,网站速度提升200%,PageSpeed得分90+-i扁豆](https://www.ibiandou.com/wp-content/uploads/2026/08/01_优化前后对比-1024x610.webp)
但很多人装了WP Rocket却不会设置,要么效果不明显,要么设置不当导致网站出问题。扁豆网这篇教程,把WP Rocket的每一个设置项都讲清楚,跟着做就能让你的网站飞起来。
本文适合:
- 装了WP Rocket但不会设置的新手
- 网站速度慢,想提升PageSpeed得分的站长
- 用WordPress+子比主题做站的人(本文所有设置都基于子比主题测试)
- 想系统学习WordPress性能优化的人
一、WP Rocket安装与基础设置
![图片[2]-WP Rocket缓存加速设置完整教程2026最新版:从0到1完整配置,网站速度提升200%,PageSpeed得分90+-i扁豆](https://www.ibiandou.com/wp-content/uploads/2026/08/03_配置流程图-1024x581.webp)
1.1 购买与安装
WP Rocket是付费插件,$59/年(1个站点),$119/年(3个站点)。虽然付费,但绝对值——它的效果是免费缓存插件的2-3倍,省下来的服务器成本和流量损失远不止$59。
- 官网购买:wp-rocket.me(支持PayPal和信用卡)
- 下载插件压缩包(.zip格式)
- WordPress后台 → 插件 → 添加新插件 → 上传插件 → 选择压缩包 → 现在安装 → 启用
- 启用后会提示输入许可证密钥(在WP Rocket官网账户里找到),输入后激活
1.2 安装后第一件事:测试当前速度
在配置WP Rocket之前,先测试一下当前网站速度,作为基准数据,方便后续对比效果:
- 用PageSpeed Insights(pagespeed.web.dev)测试首页,记录移动端和桌面端得分
- 用GTmetrix(gtmetrix.com)测试,记录加载时间、总页面大小、请求数
- 用浏览器开发者工具(F12 → Network)测试,记录首屏加载时间(LCP)
把这些数据记下来,配置完WP Rocket后再测一次,对比提升效果。
1.3 重要提醒:先备份
WP Rocket的某些设置(如CSS/JS优化)可能会和主题或插件冲突,导致网站样式错乱。配置前一定要用WPvivid备份一次网站,出问题可以一键恢复。
二、缓存设置详解
缓存是WP Rocket的核心功能。简单来说,缓存就是把动态生成的网页保存成静态HTML文件,用户访问时直接返回静态文件,不用每次都查询数据库和执行PHP,速度快好几倍。
2.1 页面缓存
| 设置项 | 推荐值 | 说明 |
| 启用页面缓存 | 开启 | 核心功能,必须开 |
| 移动端缓存 | 开启 | 为移动端单独生成缓存(如果移动端和桌面端布局不同) |
| 为登录用户启用缓存 | 关闭 | 登录用户看到的是个性化内容,不需要缓存 |
| 缓存有效期 | 10小时 | 缓存文件的有效期,到期自动重新生成。10小时是平衡点,太短频繁生成影响性能,太长内容更新不及时 |
2.2 缓存排除规则
有些页面不应该被缓存,WP Rocket默认已经排除了一些,但你可能需要手动添加:
- 购物车/结账页面(WooCommerce自动排除,不用管)
- 登录/注册页面
- 会员中心/用户中心页面
- 动态内容页面(如实时数据、在线客服)
添加方法:WP Rocket设置 → 高级规则 → 永远缓存以下页面 → 添加页面URL或URL关键词。
2.3 缓存预加载
缓存预加载就是WP Rocket自动模拟访问,提前生成所有页面的缓存,这样真实用户访问时直接命中缓存,速度最快。
![图片[3]-WP Rocket缓存加速设置完整教程2026最新版:从0到1完整配置,网站速度提升200%,PageSpeed得分90+-i扁豆](https://www.ibiandou.com/wp-content/uploads/2026/08/04_推荐配置速查表-1024x656.webp)
| 设置项 | 推荐值 | 说明 |
| 启用链接预加载 | 开启 | 用户鼠标悬停链接时预加载页面,点击后秒开 |
| 启用站点地图预加载 | 开启 | 根据XML sitemap自动预加载所有页面缓存 |
| 预加载间隔 | 60分钟 | 多久重新预加载一次,60分钟比较合理 |
| 预加载批次大小 | 45 | 每次预加载的URL数量,服务器配置低可以调小 |
提示:预加载会消耗一定服务器资源,如果你的服务器配置很低(1核2G),可以把预加载间隔调大到120分钟,批次大小调小到30。
三、静态资源优化(CSS/JS)
CSS和JS文件是影响网站速度的重要因素。WP Rocket可以压缩、合并、延迟加载这些文件,大幅减少请求数和加载时间。
注意:这部分设置最容易出问题(样式错乱、功能失效),建议每开一个设置就刷新前台检查一次,出问题就关闭对应设置或添加排除规则。
3.1 CSS优化
| 设置项 | 推荐值 | 说明 |
| CSS文件压缩 | 开启 | 移除CSS文件中的空格和注释,减小文件体积 |
| CSS文件合并 | 开启 | 把多个CSS文件合并成1个,减少HTTP请求数。注意:HTTP/2下合并的收益不大,但仍有一定效果 |
| 排除CSS文件 | 按需添加 | 如果某个CSS文件合并后样式错乱,把它添加到排除列表 |
| 优化CSS交付 | 开启 | 关键CSS内联,非关键CSS延迟加载,提升首屏渲染速度。这是提升LCP的关键设置! |
| 移除未使用的CSS | 谨慎开启 | 移除页面中没有用到的CSS代码,效果显著但容易出问题。建议先不开,其他设置都配好后再尝试,出问题就关 |
3.2 JS优化
| 设置项 | 推荐值 | 说明 |
| JS文件压缩 | 开启 | 移除JS文件中的空格和注释,减小文件体积 |
| JS文件合并 | 开启 | 把多个JS文件合并成1个,减少请求数 |
| 排除JS文件 | 按需添加 | 如果某个JS功能失效,把对应JS文件添加到排除列表 |
| 延迟加载JS | 开启 | 非关键JS延迟到用户交互后加载,大幅提升首屏速度。这是提升TBT和TBT的关键设置! |
| 延迟执行JavaScript | 谨慎开启 | 比”延迟加载JS”更激进,完全不加载JS直到用户滚动/点击。效果好但容易导致功能失效,建议先不开 |
3.3 常见冲突排查
如果开启CSS/JS优化后网站出问题,按以下步骤排查:
- 步骤1:关闭”优化CSS交付”和”延迟加载JS”,刷新看是否恢复。如果恢复,说明是这两个设置的问题,需要添加排除规则
- 步骤2:逐个开启设置,每开一个刷新前台检查,找到导致问题的具体设置
- 步骤3:把出问题的CSS/JS文件URL添加到对应排除列表(WP Rocket设置 → 优化 → 排除CSS/JS文件)
- 步骤4:常见需要排除的文件:jQuery(/wp-includes/js/jquery/jquery.min.js)、主题核心JS、支付/表单插件JS
子比主题用户注意:子比主题和WP Rocket兼容性很好,一般不需要排除太多文件。如果开启”延迟加载JS”后导航菜单或搜索功能失效,把子比的核心JS文件添加到排除列表即可。
四、媒体优化(图片/视频)
图片通常是网页中最大的资源,占页面总大小的50%以上。优化图片对提升速度效果显著。
4.1 图片懒加载
| 设置项 | 推荐值 | 说明 |
| 启用图片懒加载 | 开启 | 图片只在滚动到可视区域时才加载,减少首屏请求数和加载时间 |
| 启用iframe懒加载 | 开启 | 视频/地图等iframe内容延迟加载 |
| 懒加载排除 | 按需添加 | 首屏图片(如Logo、Banner)不应该懒加载,添加到排除列表,避免影响LCP |
4.2 图片尺寸优化
- 上传图片前先压缩:用TinyPNG(tinypng.com)在线压缩,一张2MB的图可以压到200-300KB,肉眼几乎看不出差别
- 不要上传过大的图片:文章内图片宽度不要超过1920px,特色图片1200x675px足够
- WP Rocket可以设置图片最大宽度:WP Rocket设置 → 媒体 → 图片最大宽度 → 建议1920px,超过自动缩放
4.3 WebP格式
WebP是新一代图片格式,同样画质下体积比JPG/PNG小25-35%。WP Rocket可以自动把图片转换成WebP格式:
- WP Rocket设置 → 媒体 → 启用WebP缓存 → 开启
- 注意:需要服务器支持WebP(大部分现代服务器都支持),老版本浏览器不支持WebP会自动回退到原图,不用担心
- 如果用Cloudflare CDN,可以用Cloudflare的Polish功能自动转换WebP,效果更好
五、数据库优化
WordPress用久了,数据库会积累大量垃圾数据(修订版本、垃圾评论、过期瞬态等),拖慢网站速度。WP Rocket内置数据库优化功能,一键清理。
5.1 数据库清理项
| 清理项 | 说明 | 推荐 |
| 修订版本 | 文章编辑时自动保存的历史版本,可能积累几千条 | 清理 |
| 自动草稿 | 编辑时自动保存的草稿 | 清理 |
| 垃圾评论 | 被标记为垃圾的评论 | 清理 |
| 回收站评论 | 在回收站里的评论 | 清理 |
| 垃圾和回收站文章 | 在回收站里的文章和页面 | 清理(确认不需要后) |
| 过期瞬态 | 过期的临时数据(插件/主题生成) | 清理 |
| 所有瞬态 | 所有临时数据(包括未过期的,会自动重新生成) | 谨慎清理 |
| 优化数据库表 | 优化MySQL表结构,提升查询效率 | 优化 |
5.2 定时自动优化
手动清理一次后,建议开启定时自动优化,让WP Rocket定期清理数据库:
- WP Rocket设置 → 数据库 → 启用定时清理 → 开启
- 清理频率:建议每周一次(个人博客)或每天一次(内容更新频繁的站)
- 清理内容:勾选修订版本、自动草稿、垃圾评论、过期瞬态、优化数据库表
六、CDN集成
CDN(内容分发网络)可以把网站静态资源(图片、CSS、JS)缓存到全球节点,用户访问时从最近的节点加载,速度大幅提升。WP Rocket可以和主流CDN无缝集成。
6.1 推荐CDN
| CDN | 价格 | 特点 | 适合 |
| Cloudflare | 免费版够用 | 全球节点多,免费版功能强大,自带DDoS防护 | 所有站点(首选) |
| 七牛云 | 免费10GB/月 | 国内节点多,速度快,需要备案域名 | 国内站点 |
| 又拍云 | 免费10GB/月 | 国内节点多,支持WebP转换 | 国内站点 |
| 阿里云CDN | 按量付费 | 国内节点最多,速度最快 | 流量大的国内站点 |
6.2 Cloudflare集成(推荐)
Cloudflare是最推荐的CDN,免费版功能就足够强大,而且和WP Rocket集成最好:
- 步骤1:注册Cloudflare账号,添加网站,修改域名DNS为Cloudflare的NS
- 步骤2:Cloudflare后台 → Speed → Optimization → 开启Auto Minify(压缩HTML/CSS/JS)、Brotli压缩、Rocket Loader(延迟加载JS)
- 步骤3:Cloudflare后台 → Caching → Configuration → 缓存级别选”标准”,浏览器缓存TTL选”4小时”
- 步骤4:WP Rocket设置 → CDN → 启用Cloudflare附加组件(需要安装WP Rocket的Cloudflare插件),输入Cloudflare API密钥和Zone ID
- 步骤5:WP Rocket设置 → CDN → 启用CDN,CDN CNAME填你的域名(Cloudflare下不需要填CNAME,直接用自己域名即可)
注意:如果用了Cloudflare的Rocket Loader,WP Rocket的”延迟加载JS”可以关闭,避免重复优化导致冲突。
七、高级设置
7.1 Heartbeat控制
WordPress的Heartbeat API会定期向服务器发送请求(自动保存、登录状态检测等),占用服务器资源。WP Rocket可以控制Heartbeat频率:
| 位置 | 推荐频率 | 说明 |
| 后台编辑器 | 60秒 | 文章编辑时的自动保存频率,60秒足够,默认是15-60秒 |
| 后台其他页面 | 120秒 | 后台其他页面的Heartbeat频率 |
| 前台 | 禁用 | 前台一般不需要Heartbeat,禁用可以减少服务器负载 |
7.2 DNS预解析
DNS预解析就是提前解析第三方域名的DNS,用户访问时不需要再等待DNS解析,速度更快。
- WP Rocket设置 → 预加载 → DNS预解析 → 添加第三方域名
- 常见需要添加的域名:Google Fonts(fonts.googleapis.com)、Google Analytics(www.google-analytics.com)、广告联盟域名、CDN域名
- 注意:不要添加太多,5-10个就够了,太多反而影响性能
7.3 预连接
预连接比DNS预解析更进一步,提前建立和第三方域名的连接(包括DNS、TCP、TLS握手),速度更快:
- WP Rocket设置 → 预加载 → 预连接到外部域名 → 添加重要的第三方域名
- 建议只添加最重要的2-3个域名(如Google Fonts、主要CDN),太多会占用资源
7.4 Google字体优化
Google Fonts是很多网站速度慢的元凶——每次加载都要请求Google的服务器,国内还可能被墙。WP Rocket可以优化Google Fonts:
- WP Rocket设置 → 优化 → 谷歌字体 → 开启”组合并预加载Google字体请求”
- 更彻底的方案:把Google字体下载到本地,用子比主题的”自托管字体”功能,完全不请求Google服务器
- 国内站点强烈建议自托管字体,避免Google服务器连接超时导致网站加载慢
八、速度测试与验证
所有设置都配置完后,一定要测试效果,确认速度提升了,而且网站没有出问题。
8.1 测试工具
| 工具 | 测试内容 | 地址 |
| PageSpeed Insights | Google官方工具,测试移动端/桌面端性能得分、核心Web指标 | pagespeed.web.dev |
| GTmetrix | 测试加载时间、页面大小、请求数、瀑布图 | gtmetrix.com |
| WebPageTest | 更详细的性能测试,支持多地区、多浏览器 | webpagetest.org |
| 浏览器开发者工具 | F12 → Network,实时查看每个资源的加载时间 | 浏览器自带 |
8.2 核心性能指标
| 指标 | 含义 | 优秀值 | 良好值 | 需改进 |
| LCP | 最大内容绘制(首屏主要内容加载时间) | <2.5秒 | 2.5-4秒 | >4秒 |
| FID/INP | 首次输入延迟/交互到下一次绘制 | <100ms | 100-300ms | >300ms |
| CLS | 累积布局偏移(页面元素跳动程度) | <0.1 | 0.1-0.25 | >0.25 |
| TTFB | 首字节时间(服务器响应时间) | <600ms | 600ms-1s | >1s |
| 总页面大小 | 所有资源的总大小 | <1MB | 1-2MB | >2MB |
| 请求数 | HTTP请求总数 | <30 | 30-50 | >50 |
8.3 测试注意事项
- 测试前先清除WP Rocket缓存(WP Rocket设置 → 清除缓存),确保测试的是最新缓存
- 多测几次取平均值,单次测试可能有波动
- 移动端和桌面端都要测,移动端要求更严格
- 测试时用无痕模式,排除浏览器缓存和插件的影响
- 不仅看分数,还要实际用手机和电脑访问网站,感受真实速度
九、常见问题与冲突排查
Q1:开启WP Rocket后网站样式错乱怎么办?
A:这是最常见的问题,通常是CSS/JS优化导致的。按以下步骤排查:
- 1. 关闭”优化CSS交付”和”延迟加载JS”,刷新看是否恢复
- 2. 如果恢复,逐个重新开启,找到导致问题的设置
- 3. 把出问题的CSS/JS文件添加到排除列表
- 4. 常见需要排除的:jQuery、主题核心JS、支付插件、表单插件、页面构建器
Q2:WP Rocket和其他缓存插件冲突吗?
A:冲突。WP Rocket不能和其他缓存插件同时使用(如W3 Total Cache、WP Super Cache、LiteSpeed Cache)。如果服务器用的是LiteSpeed,建议用LiteSpeed Cache(免费,功能也很强),不要同时装WP Rocket。
Q3:开启缓存后更新文章不显示怎么办?
A:WP Rocket会在你更新文章/页面时自动清除对应页面的缓存。如果没有自动清除,可以手动清除:WP Rocket设置 → 清除缓存 → 清除所有缓存。也可以设置缓存有效期短一些(如4小时),确保内容及时更新。
Q4:WP Rocket会影响SEO吗?
A:不会,反而会提升SEO。网站速度是Google排名因素,WP Rocket提升速度后排名会更好。但要注意:不要开启”移除未使用的CSS”等激进设置导致移动端样式问题,影响用户体验和Core Web Vitals。
Q5:子比主题用WP Rocket有什么特别注意的?
A:子比主题和WP Rocket兼容性很好,大部分设置直接开启即可。特别注意:
- 子比自带JS延迟加载功能,和WP Rocket的”延迟加载JS”不要同时开,选一个即可(推荐用WP Rocket的,效果更好)
- 子比自带图片懒加载,和WP Rocket的图片懒加载不要同时开,选一个即可
- 子比的”自托管字体”功能和WP Rocket的Google字体优化可以配合使用,效果更好
- 如果开启”优化CSS交付”后子比导航菜单样式错乱,把子比的核心CSS文件添加到排除列表
Q6:免费缓存插件能用吗?和WP Rocket差多少?
A:免费缓存插件(如WP Super Cache、W3 Total Cache)也能用,但效果和易用性比WP Rocket差很多。WP Rocket的优势在于:界面简单、功能全面(缓存+静态资源优化+数据库优化+CDN集成+懒加载,一个插件全搞定)、技术支持好、持续更新。如果预算允许,强烈建议买WP Rocket,$59/年真的不贵。
十、总结:WP Rocket推荐配置清单
看到这里,你可能已经记不住所有设置了。没关系,扁豆网整理了一份”一键照抄”的推荐配置清单,照着设置就行:
| 设置模块 | 设置项 | 推荐值 |
| 缓存 | 页面缓存 | 开启 |
| 缓存 | 移动端缓存 | 开启 |
| 缓存 | 登录用户缓存 | 关闭 |
| 缓存 | 缓存有效期 | 10小时 |
| 缓存 | 链接预加载 | 开启 |
| 缓存 | 站点地图预加载 | 开启 |
| 优化 | CSS压缩 | 开启 |
| 优化 | CSS合并 | 开启 |
| 优化 | 优化CSS交付 | 开启(关键设置!) |
| 优化 | 移除未使用CSS | 关闭(出问题再尝试) |
| 优化 | JS压缩 | 开启 |
| 优化 | JS合并 | 开启 |
| 优化 | 延迟加载JS | 开启(关键设置!) |
| 优化 | 延迟执行JS | 关闭(出问题再尝试) |
| 优化 | Google字体优化 | 开启 |
| 媒体 | 图片懒加载 | 开启 |
| 媒体 | iframe懒加载 | 开启 |
| 媒体 | 图片最大宽度 | 1920px |
| 媒体 | WebP缓存 | 开启 |
| 数据库 | 修订版本/草稿/垃圾/过期瞬态 | 清理 |
| 数据库 | 优化数据库表 | 优化 |
| 数据库 | 定时清理 | 每周一次 |
| CDN | CDN启用 | 开启(用Cloudflare等) |
| 高级 | Heartbeat后台编辑器 | 60秒 |
| 高级 | Heartbeat前台 | 禁用 |
| 高级 | DNS预解析 | 添加5-10个第三方域名 |
| 高级 | 预连接 | 添加2-3个重要域名 |
最后说一句:WP Rocket是提升网站速度最有效的工具,但不是万能的。网站速度还取决于服务器配置、图片优化、主题代码质量、插件数量等因素。建议:用2核4G以上的服务器、上传图片前先压缩、选轻量主题(如子比)、只装必要的插件,配合WP Rocket,你的网站速度一定能达到PageSpeed 90+。
你在配置WP Rocket时遇到了什么问题?或者有什么速度优化技巧?欢迎在评论区分享,扁豆网会一一回复。
【相关阅读】
- 子比V9.0深度美化指南:10个必装配套插件(已发布)
- WordPress新手建站完整教程:从0到1(已发布)
- 2026年10款最佳免费WordPress主题推荐(已发布)
本文为扁豆网(ibiandou.com)原创内容,基于作者实际配置经验撰写。转载请注明出处。






暂无评论内容