WP Rocket 与 Cloudflare 同步设置指南：加速网站，提升用户体验

WP Rocket 和 Cloudflare 是两款广泛使用的优化工具，结合使用这两者能够大幅提升网站的加载速度、提高用户体验，并增强网站的安全性。本文将详细介绍如何将 WP Rocket 与 Cloudflare 同步，确保这两者能够无缝工作，帮助你最大化性能。

入门

WP Rocket 和 Cloudflare 是两款强大的网站优化工具。Cloudflare 提供了一种内容分发网络（CDN）解决方案，帮助加速全球网站的加载速度。而 WP Rocket 是一款缓存插件，通过减少服务器请求和优化资源加载，进一步加速网站性能。

Cloudflare ≠ CDN：请勿 在 CDN 选项卡上输入 Cloudflare CNAMES，否则你的网站会崩溃！
除了 Cloudflare，还可以根据需要使用标准拉取 CDN。WP Rocket 拥有自己的高级 CDN 服务RocketCDN，并且还与大多数 CDN 提供商兼容，包括Amazon Cloudfront、Bunny CDN、KeyCDN等。

要开始使用它们的结合，首先需要确保你的网站已经成功添加到 Cloudflare，并且已更改 DNS 设置指向 Cloudflare。接下来，可以按照以下步骤将 WP Rocket 与 Cloudflare 结合使用。

怎么在 WordPress 中设置 Cloudflare 免费的 CDN

9月23日 14:43

04060

如何激活插件

WP Rocket 提供了一个 Cloudflare 附加组件，使得集成更加简便。在 WP Rocket 插件的附加组件设置中，找到 Cloudflare 插件并将其切换为“开启”状态。

步骤：

1. 登录 WordPress 后台。
2. 在 WP Rocket 设置中，转到 附加组件 页面。

3. 找到 Cloudflare 附加组件 并启用它。
4. 点击 修改选项 按钮，进入插件设置页面。

在设置页面中，需要输入以下信息：

• 全局 API 密钥：这是你的 Cloudflare 账户的全局 API 密钥，可以通过 Cloudflare 网站的“个人资料”页找到该密钥。

• 区域 ID：区域 ID 是与你的域名相关的唯一标识符，可以在 Cloudflare 控制面板中的 概览 页面找到它。

• 账户电子邮件：填写在 Cloudflare 中注册的邮箱地址。

这些信息将帮助 WP Rocket 插件与 Cloudflare 进行有效连接和同步缓存。

开发模式

Cloudflare 的开发模式可以暂时停用 Cloudflare 的边缘缓存，这对于调试和查看更改非常有用。

开发模式的使用时机：

• 当你修改了网站上的可缓存内容（如图片、CSS 或 JavaScript）并希望立即查看这些更改时，可以激活开发模式。
• 开发模式激活后，Cloudflare 将暂时停止缓存功能，直到你关闭该模式或恢复正常状态。

最佳设置

在结合 WP Rocket 和 Cloudflare 时，WP Rocket 提供了一些预设的最佳配置选项，可以启用这些设置来优化网站性能。

推荐设置：

• 缓存级别设置为标准：确保 Cloudflare 为你的静态内容启用缓存，以减少服务器负担。
• 停用 Rocket Loader：Rocket Loader 是 Cloudflare 的一项功能，可能会与 WP Rocket 的某些功能发生冲突，因此建议停用。

• 浏览器缓存设置为 1 年：这有助于缓存静态资源，减少加载时间。

相对协议设置：

如果你使用 Cloudflare 的灵活 SSL（你的网站 URL 使用 HTTP 而非 HTTPS），则可以启用“相对协议”设置。这可确保你的 CSS、JS、图像等静态资源使用相对协议进行加载，以便在不同的协议（HTTP 或 HTTPS）下都能正常加载。

相关协议

如果你的网站使用了 Cloudflare 的灵活 SSL（即部分资源通过 HTTPS 提供，而其他资源通过 HTTP 提供），可以启用“相对协议”设置。该选项将会在加载静态资源时使用相对 URL（// 而非 http:// 或 https://），从而避免 SSL 错误和混合内容问题。

重要提示：如果你的网站已经完全通过 HTTPS 运行，你不应该启用此设置。

清除缓存

每当你对网站进行更改时，清除缓存是确保网站用户能够看到最新内容的关键步骤。WP Rocket 会自动与 Cloudflare 同步缓存清除，确保 Cloudflare 的缓存与网站上的内容保持一致。

清除缓存的方式：

1. 通过 WP Rocket 清除缓存时，Cloudflare 的缓存也会自动被清除。
2. 如果你有自定义的缓存规则，可能需要手动清除 Cloudflare 缓存。

手动清除 Cloudflare 缓存：

• 在 Cloudflare 控制面板中，可以进入 缓存 部分并选择清除所有缓存，或者通过 开发模式 清除缓存。

Cloudflare 缓存所有内容

Cloudflare 提供了一个功能称为 Cache Everything，它将会缓存所有页面和资源，包括动态内容。

使用 Cloudflare 缓存所有内容：

如果使用的是 Cloudflare 的页面规则功能，建议同步清除 WP Rocket 的缓存，以确保不会出现不同步的问题。需要使用 Cloudflare 插件或官方 Cloudflare 插件来确保缓存同步。

Cloudflare APO

Cloudflare APO（自动优化性能）是一项用于优化 WordPress 网站的功能，可以帮助进一步提升网站的加载速度。当你启用 APO 时，Cloudflare 会自动缓存你的页面内容并加速全球访问。

如何与 WP Rocket 配合使用：

• 启用 Cloudflare APO 后，WP Rocket 会自动与 APO 配合，确保缓存的同步更新。
• 每次 WP Rocket 清除缓存时，Cloudflare APO 的缓存也会被清除，确保内容总是最新的。

Cloudways 的 Cloudflare Enterprise 计划

如果你使用 Cloudways 的 Cloudflare Enterprise 计划，WP Rocket 可能无法与 Cloudflare 完全同步。由于 Cloudways 没有提供 API 密钥和区域 ID，可能需要手动清除 Cloudflare 缓存，或者禁用 WP Rocket 的页面缓存功能。

Cloudflare 的 HTTP/2 服务器推送

Cloudflare 的 HTTP/2 服务器推送功能能够提前将文件推送到客户端，减少资源加载时间。然而，这与 WP Rocket 的某些功能（如移除未使用的 CSS）可能存在冲突。

不兼容的问题：

• 如果启用了 HTTP/2 服务器推送，Cloudflare 会预加载 CSS 文件，这可能与 WP Rocket 的 移除未使用的 CSS 功能发生冲突。因此，建议禁用 HTTP/2 服务器推送，或者避免与 WP Rocket 的 CSS 优化功能一起使用。

故障排除

Rocket Loader 问题

Rocket Loader 是 Cloudflare 的一个功能，通常会与 JavaScript 代码发生冲突，导致页面加载问题。如果你在使用 Cloudflare 时遇到 JavaScript 错误或显示问题，建议禁用 Rocket Loader 并清除缓存，以查看是否能够解决问题。

502 错误或空白页

当 Cloudflare 清除缓存时，如果遇到 502 错误或空白页，通常是由于 Query Monitor 插件导致的。禁用该插件或使用提供的代码