如何安装和配置WP Rocket(推荐设置)

作者

当您点击一个网站时,您是否会感到沮丧,等待和等待感觉就像是亿万年一样,并且您出于沮丧而单击后退按钮? 事实是,几乎没有什么比一个更能激怒网站访问者的了 缓慢加载网站 那就是那里 WP火箭 进来

每年 49 美元起

购买 WP Rocket 起价 49 美元,含。 1 个网站的 1 年支持和更新

Forrester Consulting的一项研究表明 “ 47%的消费者希望网页在两秒钟或更短的时间内加载”.

可悲的是,许多网站所有者没有意识到加载缓慢的网站不仅会让人们感到沮丧,还会对您的网站产生负面影响。 Google 排名,并对底线收入产生影响!

好消息是有一些方法可以加快网站的加载时间,特别是如果网站由 WordPress. 因为在这里,我将引导您了解如何开始使用 WP火箭 (是的 这是我使用的插件 加快我的网站)。

促销

购买 WP Rocket 起价 49 美元,含。 1 个网站的 1 年支持和更新

每年 49 美元起

以下是您将在这篇文章中学到的内容:

什么是WP火箭?

WP火箭 是溢价 WordPress 缓存插件,对加快网站的加载时间非常有效。

WP Rocket缓存插件

WP Rocket计划和定价:

  • $ 49 /年 –一年的支持和更新 1网站.
  • $ 99 /年 –一年的支持和更新 3网站.
  • $ 249 /年 –一年的支持和更新 无限网站.


不像大多数其他 WordPress 缓存 因充满令人困惑的选项和设置而臭名昭著的插件。 了解有关 WP Rocket 的更多信息,并了解其中的一些 WP Rocket的最佳免费替代品.

1.下载并安装WP Rocket

首先,前往 WP Rocket网站 并购买 WordPress 插件。

选择最适合您的计划并完成下订单所需的步骤。

接下来,将在wp-rocket.me上向您的帐户发送一封包含登录信息的电子邮件。 转到并登录,然后进入 “我的帐户” 你会找到下载链接。 下载并将zip文件保存到您的计算机。

下载wp火箭

接下来,登录到 WordPress 网站并前往 插件–>添加新–>上传插件.

只需上传并安装WP Rocket的zip文件版本即可。

安装wp火箭

最后,去激活WP Rocket,现在安装了插件。 好极了!

现在是时候按照推荐的设置来配置 WP Rocket。

首先,转到设置 –> WP Rocket,您将被带到插件的设置页面。 您需要配置和调整以下 10 个选项卡或部分的设置:

  1. 用户面板 (默认标签页)
  2. 缓存设置
  3. CSS和JS文件优化设置
  4. 媒体设置
  5. 预加载设置
  6. 高级规则设置
  7. 数据库设置
  8. CDN设置
  9. 附加组件(Cloudflare)
  10. 鑫安工具

现在让我们为 10 个部分中的每一个配置 WP Rocket 的推荐设置。

WP火箭仪表板

wp火箭仪表板

仪表板为您提供有关许可证及其到期时间的信息。 您也可以选择加入 火箭测试仪 (beta测试计划)和 火箭分析 (允许WP Rocket匿名收集数据)。 在这里,您还可以找到有关WP Rocket的支持和常见问题的链接。

在仪表板中,您可以 删除所有缓存的文件 (建议在完成 WP Rocket 设置配置后执行), 启动缓存预加载 (为您的主页和主页上的所有内部链接生成缓存)和 清除OPcache 内容(清除OPcahce,以防止更新WP Rocket插件时出现问题)。

WP Rocket缓存设置

wp火箭缓存设置

1。 为移动设备启用缓存 应该被激活,因为它可以为移动设备启用缓存,并使您的网站更具移动性。

也选择 为移动设备分隔缓存文件。 因为WP Rocket移动缓存在启用这两个选项的情况下最安全。 如有疑问,请保留两者。

2。 为登录启用缓存 WordPress 用户,仅当拥有会员网站时才建议将其激活,或者当用户必须登录才能查看内容时才建议激活。

3。 缓存生命周期 将自动设置为10小时,这意味着在重新创建缓存文件10小时后会自动将其删除。 如果您很少更新 网站还是有很多静态的 内容,您可以增加此数量。

彻底保存并测试! 如果您发现网站上有任何损坏,请停用设置。

WP Rocket CSS和JS文件优化设置

WP Rocket CSS和JS文件优化设置

缩小文件 减少文件大小,可以缩短加载时间。 Minification从静态文件中删除空格和注释,使浏览器和搜索引擎能够更快地处理HTML,CSS和JavaScript文件。

合并文件 将文件连接成更小的组,以确保主题/插件兼容性和更好的性能。 但是,建议不要强制连接到1单个文件,因为与6-1大文件相比,浏览器可以更快地并行下载到2较小的文件。

将CSS和JS组合成更少的文件被认为是HTTP / 1下的最佳实践,而HTTP / 2则不一定如此。 如果您的站点在HTTP / 2上运行,那么以下是您应该考虑的事项 为HTTP / 2配置WP Rocket.

1。 缩小HTML文件 将删除空格和注释,以减少您网站上的网页大小。

2.组合 Google 字体文件 将减少HTTP请求的数量(特别是如果您使用多种字体)。

3。 删除查询字符串 从静态资源可以提高GT Metrix的性能等级。 此设置从静态文件(例如style.css?ver = 1.0)中删除版本查询字符串,并将其编码为文件名(例如style-1-0.css)。

4。 缩小CSS文件 将删除空格和注释以减少样式表文件大小。

5。 合并CSS文件 将所有文件合并为一个文件,这将减少HTTP请求的数量。 如果您的站点使用HTTP / 2,则不推荐使用。

重要提示: 这可能会破坏事情! 如果您在激活此设置后发现网站上有任何错误,请再次停用该网站,您的网站将恢复正常。

6。 优化CSS交付 消除您网站上的渲染阻塞 CSS,以加快感知加载时间。 这意味着您的页面将在没有 CSS 样式的情况下开始加载,这就是 Google PageSpeed Insights 在“评分”页面速度时会考虑在内。

关键路径CSS意味着您的页面将在没有其所有CSS样式的情况下开始加载。 这意味着加载时片刻会有点奇怪。

这就是所谓的 FOUC(无格式内容的闪现)。 为避免这种情况,您必须使用所谓的Critical Path CSS。 这意味着页面顶部内容的CSS必须直接放在HTML中,以避免页面加载时的FOUC。

要生成可以使用的关键路径CSS 这个关键路径CSS生成器工具.

7。 缩小JavaScript文件 删除空格和注释以减小JS文件的大小。

8。 合并JavaScript文件 结合您网站的 JavaScript 信息更少的文件,减少 HTTP 请求。 如果您的站点使用HTTP / 2,则不推荐使用。

重要提示: 这可能会破坏事情! 如果您在激活此设置后发现网站上有任何错误,请再次停用该网站,您的网站将恢复正常。

9。 加载JavaScript延迟 消除您网站上的渲染阻塞 JS,并可以缩短加载时间。 这是东西 Google PageSpeed Insights 在“评分”页面速度时会考虑在内。

10。 JQuery的安全模式 通过将jQuery作为渲染阻止脚本加载到文档顶部,确保支持来自主题和插件的内联jQuery引用。

彻底保存并测试! 如果您发现网站上有任何损坏,请停用设置。

WP火箭媒体设置

wp火箭媒体设置

1。 懒加载图片 意味着图像将仅在他们进入(或即将进入)视口时加载,即仅在用户向下滚动页面时加载。 延迟加载减少了可以改善加载时间的HTTP请求数。

(我有时会禁用图像的延迟加载,仅是因为启用了延迟加载后, 链接 指向延迟加载的图片下方的位置会滚动到网页的错误位置)

2。 延迟加载iframe和视频 意味着iframe和视频将仅在他们进入(或即将进入)视口时加载,即仅在用户向下滚动页面时加载。 延迟加载减少了可以改善加载时间的HTTP请求数。

3。 用预览图片替换YouTube iframe 如果您在网页上有很多YouTube视频,则可以显着缩短您的加载时间。

可以在单个页面/帖子上关闭Lazyload(您可以在帖子/页面侧栏中找到此设置)

4。 禁用表情符号 应该被禁用,因为应该使用访问者浏览器的默认表情符号,而不是从 WordPress.ORG。 禁用表情符号缓存可以减少HTTP请求的数量,从而可以缩短加载时间。

6. WordPress 嵌入视频 应该被禁用,因为它可以防止其他人嵌入您网站中的内容,也可以阻止您嵌入其他网站中的内容,并删除与 WordPress 嵌入。

彻底保存并测试! 如果您发现网站上有任何损坏,请停用设置。

WP火箭预载设置

wp火箭预加载设置

1。 站点地图预加载 当缓存生命周期已过期且整个缓存已清除时,使用XML站点地图中的所有URL进行预加载。

2. Yoast搜索引擎优化 XML网站地图。 WP Rocket将自动检测由此生成的XML站点地图 Yoast SEO插件。 您可以选中预加载选项。

3。 预装机器人 应该只在性能良好的服务器上激活和使用。 激活后,它会在您在网站上添加或更新内容后自动触发。 如果这导致高 CPU使用率 或性能问题。

当您编写或更新新帖子或页面时,WP Rocket会自动清除该特定内容的缓存以及与其相关的任何其他内容。 preload bot将抓取这些URL以立即重新生成缓存。

4。 预取DNS请求 允许域名解析与实际页面内容的获取并行(而不是串行)。

您可以指定外部主机(如 //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) 被预取,因为 DNS 预取可以使外部文件加载速度更快,尤其是在移动网络上。

最常见的预取URL是:

  • //maxcdn.bootstrapcdn.com
  • //platform.twitter.com
  • //s3.amazonaws.com
  • //阿贾克斯。googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //字体。googleapis.com
  • //connect.facebook.net
  • // www。google-analytics.com
  • // www。googletagmanager.com
  • //地图。google

彻底保存并测试! 如果您发现网站上有任何损坏,请停用设置。

WP火箭高级规则设置

WP火箭静态文件设置

这些设置用于高级缓存管理,通常用于排除电子商务网站中的购物车和结帐页面。

1。 永远不要缓存网址 允许您指定永远不会缓存的页面或帖子的URL。

2。 永远不要缓存cookie 允许您指定Cookie的ID,当在访问者的浏览器中设置时,应该阻止页面被缓存。

3。 永远不要缓存用户代理 允许您指定永远不会看到缓存页面的用户代理字符串。

4。 始终清除URL 可让您指定每次更新任何帖子或页面时始终希望从缓存中清除的URL。

5。 缓存查询字符串 允许您为缓存指定查询字符串。

彻底保存并测试! 如果您发现网站上有任何损坏,请停用设置。

WP火箭数据库设置

WP火箭数据库设置

本部分包含一系列设置,以进行清理和优化 WordPress.

1。 清理后 删除修订,自动草稿和已删除的帖子和页面。 删除这些,除非您有旧版本的帖子(或删除的帖子)。

2。 评论清理 删除垃圾邮件和删除的评论。

3。 瞬态清理 删除类似社交计数的存储数据,但有时当瞬态过期时,它们会保留在数据库中并可以安全删除。

4。 数据库清理 优化您的表格 WordPress 数据库。

5。 自动清理。 我通常会在临时基础上进行清理,但您也可以安排WP Rocket运行数据库的自动清理。

理想情况下,应该在运行清理之前备份数据库,因为一旦执行了数据库优化,就无法撤消它。

WP Rocket CDN设置

WP Rocket CDN设置

使用内容传送网络(CDN)意味着所有静态文件的URL(CSS,JS,图像)将被重写为您提供的CNAME。

1。 启用CDN. 如果您使用的是内容交付网络,请启用此功能。 WP Rocket 与大多数 CDN 兼容,例如 Amazon Cloudfront、MaxCDN、KeyCDN(我正在使用)等。 了解更多关于如何 使用带有CDN的WP Rocket

2。 CDN CNAME(s)。 复制CDN提供商提供给您的CNAME(域)并将其输入CDN CNAME。 这将重写您资产的所有URL(静态文件)。

3。 排除文件 允许您指定不应通过CDN提供的文件的URL。

彻底保存并测试! 如果您发现网站上有任何损坏,请停用设置。

WP Rocket Add-Ons(Cloudflare)

WP Rocket Add-Ons(Cloudflare)

WP Rocket使您可以将Cloudflare帐户与其附加功能集成在一起。

1。 全局API密钥. 您将在 Cloudflare 帐户的右上角找到 API 密钥。 只需转到您的个人资料并向下滚动,您就会看到您的全局 API 密钥。 您只需将其复制并粘贴到 WP Rocket 中即可。

2。 帐户的电子邮件。 这是您用于Cloudflare帐户的电子邮件地址。

3。 域。 这是您的域名,例如websitehostingrating.com。

4。 发展模式。 暂时激活您网站上的开发模式。 此设置将在3小时后自动关闭。 当您对网站进行大量更改时,这非常有用。

5。 最佳设置。 自动增强Cloudflare配置,以提高速度,性能等级和兼容性。 此选项可激活最佳Cloudflare设置。

6。 相关协议. 仅应与 Cloudflare 的灵活 SSL 功能一起使用。 静态文件(CSS、JS、图像)的 URL 将被重写为使用 // 而不是 http:// 或 https://。

WP火箭工具

WP火箭工具

1。 导出设置 允许您导出WP Rocket设置以在其他站点上使用。

2。 导入设置 允许您导入预先配置的WP Rocket设置。

3。 回滚 如果新版本的WP Rocket对您造成了任何问题,则可让您还原到以前的版本。

为HTTP / 2配置WP Rocket

HTTP / 2的 是对1999以来管理Web服务器和浏览器之间通信的HTTP的升级。 HTTP / 2通过更好的数据压缩,多路复用请求和其他速度改进为更快的页面加载铺平了道路。

许多服务器和浏览器都支持HTTP / 2和大多数Web主机, 喜欢 SiteGround,现在支持HTTP / 2。 这个 HTTP / 2检查程序 告诉您网站是否能够使用HTTP / 2。

如果您的站点能够使用 HTTP/2,这里是您如何为其配置 WP Rocket。

将所有CSS和JS文件连接(组合)到尽可能少的文件中 不是HTTP / 2的最佳实践 和WP Rocket建议你这样做 不激活文件串联文件优化选项卡.

为HTTP / 2配置WP Rocket

WP Rocket建议你 不加控制地放下这两个盒子。 有关更多信息,请参阅 这篇关于WP Rocket的文章.

如何使用KeyCDN使用WP Rocket

使用KeyCDN设置WP Rocket非常简单。 (FYI KeyCDN 是我使用和推荐的内容分发网络)

首先在中创建一个拉区 KeyCDN。 然后去看看 CDN标签 并检查 启用内容分发网络 选项。

如何使用keycdn设置wp rocket

现在,更新 将网站的主机名替换为:” 字段,其中包含您从KeyCDN仪表板获得的URL(在您创建的提取区域的“区域”>“区域URL”下。该URL看起来类似于: lorem-1c6b.kxcdn.com)

或者,和推荐的选项, 使用CNAME 您选择的网址(例如https://static.websitehostingrating.com)

哪个Web主机可以使用WP Rocket?

WP Rocket与几乎所有产品兼容 网络主机。 但是有些 特别管理 WordPress 为了, 可能不适用于 WP Rocket。 如果您的托管服务提供商未在下方列出,这并不意味着它与 WP Rocket 不兼容。 100% 确定的最佳方法是联系您的网络主机并询问。

  • Kinsta:Kinsta 仅支持 WP Rocket 3.0 及更高版本。 WP Rocket 的页面缓存会自动禁用,以防止与 Kinsta 内置缓存发生冲突。 Kinsta是官方合作伙伴 WP火箭队。
  • WP Engine: WP Rocket 是唯一允许的缓存插件 WP Engine. WP Engine 是官方合作伙伴 WP火箭队。
  • SiteGround: WP Rocket 兼容 SiteGround的静态、动态和 memcached 缓存。 SiteGround 是官方合作伙伴 WP火箭队。
  • A2托管:WP Rocket是 与A2 Hosting完全兼容。 但是你必须安装 WordPress 您可以先在网站上安装WP Rocket插件。 A2 Hosting是WP Rocket的官方合作伙伴。
  • WebHostFace:WebHostFace支持(并且是WP Rocket的官方合作伙伴)。
  • Savvii:Savvii支持(也是WP Rocket的官方合作伙伴)。
  • FastComet:为 WordPress 和WP Rocket。 FastComet是官方合作伙伴 WP火箭队。
  • Bluehost 托管 WordPress 计划: Bluehost 托管 WordPress 计划清漆配置破坏了 WP Rocket 的缩小,因此您必须关闭 Bluehost的清漆,或关闭 WP Rocket 的缩小功能。
  • Cloudways WordPress 托管:当使用 WP Rocket 的缩小与 Cloudways 的 Varnish 时,您必须在 Cloudways 应用程序设置中为 Varnish 创建排除规则。
  • 飞轮:您必须联系飞轮支持并要求他们激活WP Rocket。
  • HostGator托管 WordPress 计划: WP Rocket 是不允许的 HostGator托管 WordPress 托管.
  • 综合:W3 Total Cache已预先安装在Synthesis上,但可以删除并替换为WP Rocket。
  • WebSavers.ca:WebSavers.ca是WP Rocket的官方合作伙伴。

阅读有关兼容WP Rocket的兼容Web主机的更多信息 https://docs.wp-rocket.me/article/670-hosting-compatibility.

下载我的WP Rocket配置文件

我已经很容易添加我在我的网站上使用的相同WP Rocket配置。 只是 下载此WP Rocket配置文件 然后将其导入WP Rocket管理员的“工具”部分。

免费下载wp rocket配置文件

买一份 WP火箭 然后去吧 下载我的WP Rocket配置文件 并导入我在此网站上推荐和使用的确切设置。

3. WP Rocket帮助和官方文档

如果您出于某种原因遇到WP Rocket的问题,可以获得大量有用的信息 WP火箭的网站。 请记住,您购买1也需要一年的支持。

wp火箭帮助

以下是我发现最有帮助的WP Rocket教程列表:

您使用该网站的体验如何? WP Rocket缓存插件,用于 WordPress? 我遗漏了任何重要信息吗? 我很乐意在下面的评论中听到所有相关内容!

如果您发现此WP Rocket设置教程很有帮助,那么在社交网站上分享它总是很受欢迎。

加入我们的通讯

订阅我们的每周综述通讯,获取最新的行业新闻和趋势

点击“订阅”即表示您同意我们的 使用条款和隐私政策.