WP Rocket 终极设置指南,让你的网站速度飙升!

教程指南1个月前发布 商道网
69 0 0

今天,我们就来聊聊 WordPress 网站的加速神器 —— WP Rocket!光安装插件还不够,正确的配置才是发挥它最大功力的关键。下面就为大家送上一份超详细的 WP Rocket 最佳设置教程,快来抄作业吧!

提示:

  1. 1. 缓存插件只能同时存在一个
  2. 2. 截图为当前版本WP rocket。如果后续WP rocket版本更新出现新功能,则视需求开启或关闭新功能

1. 仪表盘 (Dashboard)

仪表盘主要是信息展示和一些快捷操作的地方。不用改动,默认即可。

  • • 我的订阅: 查看你的许可证信息。
  • • 快捷操作: 这里你可以手动清除缓存、预加载缓存等。一般在你对网站做了设计或内容上的修改后,可以来这里手动清除一下缓存,让访客能立刻看到最新的内容。
WP Rocket 终极设置指南,让你的网站速度飙升!

2. 缓存 (Cache)

缓存是 WP Rocket 的核心功能!

  • • 移动端缓存 (Mobile Cache):务必开启! 现在的流量大部分都来自移动端,为手机用户提供缓存是必须的。
  • • 为移动设备创建独立的缓存文件 (Separate cache files for mobile devices):通常保持关闭。 除非你的网站有专门的移动版主题或内容(和桌面版不同),否则不需要开启此项。
  • • 用户缓存 (User Cache):保持关闭。 除非你的网站有会员系统,且不同登录用户看到的内容不同(例如电商网站的个人中心),否则不要开启。开启它会消耗较多的服务器资源。
  • • 缓存有效期 (Cache Lifespan):建议设置为 24 小时。 时间太短会增加服务器负担,时间太长内容更新又不够及时,24小时是一个比较均衡的选择。
WP Rocket 终极设置指南,让你的网站速度飙升!

3. 文件优化 (File Optimization)

这里的设置可以压缩你网站的 CSS 和 JavaScript 文件,减少文件大小和请求数量。

  • • 压缩 CSS 文件 (Minify CSS files):开启。
  • • 合并 CSS 文件 (Combine CSS files):关闭。 对于支持 HTTP/2 和 HTTP/3 的现代服务器来说,合并文件反而可能会降低性能。这个选项也很容易导致网站的布局出现大规模的错误,如果非要开,请之后检查一遍前端。
  • • 优化 CSS 传送 (Optimize CSS Delivery):建议关闭。 WP Rocket 的这个功能效果不如 Perfmatters 等专业插件,如果你有其他更好的工具,可以关闭此项。
  • • 压缩 JavaScript 文件 (Minify JavaScript files):开启。
  • • 合并 JavaScript 文件 (Combine JavaScript files):关闭。 理由同合并 CSS 文件。
  • • 延迟加载 JavaScript (Load JavaScript deferred):开启。 这可以解决“渲染阻塞资源”的问题,是提升 PageSpeed 分数的一大关键!
  • • 延迟执行 JavaScript (Delay JavaScript Execution):强烈建议开启! 这可以极大地优化网站的初始加载时间,特别是对于那些加载了很多第三方脚本(如谷歌统计、Facebook Pixel、广告代码等)的网站。
WP Rocket 终极设置指南,让你的网站速度飙升! WP Rocket 终极设置指南,让你的网站速度飙升!

4. 媒体 (Media)

图片和视频是拖慢网站速度的最大因素,优化好媒体加载能带来巨大提升。但是你肯定也会使用图片缓存优化插件,比如imagify之类,那么这里只需要关闭LazyLoad的所有功能就行,当然Wprocket检测到图片插件也会自动关闭。

  • • 为图片启用延迟加载 (LazyLoad for images):开启。
  • • 为 iframe 和视频启用延迟加载 (LazyLoad for iframes and videos):开启。
  • • 使用图片预览替换 YouTube iframe (Replace YouTube iframe with preview image):开启。 如果你的网站嵌入了油管视频,这个功能超级好用!
  • • 排除图像或 iframe (Exclude images or iframes): 在这里可以添加你不想延迟加载的图片,通常是网站首屏的 Logo 或者头图,让它们可以第一时间显示出来。
  • • 为图片添加缺少的尺寸 (Add missing image dimensions):开启。 这可以防止页面加载时因为图片尺寸问题导致的布局偏移(CLS)。
WP Rocket 终极设置指南,让你的网站速度飙升!

5. 预加载 (Preload)

预加载可以模拟用户访问,提前生成缓存,让真实用户访问时可以直接读取缓存,速度超快!

  • • 激活预加载 (Activate Preloading):开启。
  • • 激活基于站点地图的缓存预加载 (Activate sitemap-based cache preloading):开启。 勾选你的 Yoast SEO 或 Rank Math 等插件生成的站点地图。
  • • 预加载链接 (Preload Links):开启。 当用户的鼠标悬停在某个链接上超过 100 毫秒时,浏览器就会在后台开始加载这个页面的内容。这样当用户真正点击时,页面几乎是秒开,极大提升感知速度!
  • • 预取DNS请求: 检查 Chrome 开发者工具的“来源”选项卡,查看您网站上加载的所有第三方主机名。其中大多数已经延迟(通过延迟 JavaScript 执行),因此无需填写。
WP Rocket 终极设置指南,让你的网站速度飙升!

6. 数据库 (Database)

定期清理数据库可以保持网站的“健康”。

  • • 文章修订: 清理。
  • • 自动草稿: 清理。
  • • 回收站文章: 清理。
  • • 垃圾评论和回收站评论: 清理。
  • • 过期和所有瞬态 (Transients): 清理。
  • • 优化数据表: 优化。
  • • 自动清理 (Automatic cleanup):建议设置为每周 (Weekly)。
WP Rocket 终极设置指南,让你的网站速度飙升! WP Rocket 终极设置指南,让你的网站速度飙升!
© 版权声明

相关文章