将 WP Rocket 与 Cloudflare 结合使用 – WP Rocket 知识库

  • A+
所属分类:WordPress技巧

在本文中

入门

Cloudflare ≠ CDN: 不要 在 CDN 选项卡上输入 Cloudflare CNAMES,这会破坏您的网站!
除了 Cloudflare 之外,您还可以根据需要使用标准的拉式 CDN。WP Rocket 拥有自己的高级 CDN 服务RocketCDN,并且还与大多数 CDN 提供商兼容,包括Amazon Cloudfront、Bunny CDN、KeyCDN等。如果您需要有关如何将 WP Rocket 与 CDN 一起使用的信息,请:将 WP Rocket 与 CDN 一起使用

WP Rocket 完全兼容并与Cloudflare互补。

在大多数情况下,使用我们的 Cloudflare 插件不是必需的,它只是为了方便。正确设置 Cloudflare 帐户后,无论您是否使用 WP Rocket 插件,它都会在您的站点上处于活动状态该插件只是提供了一种方便的方式来配置一些设置。

但是,如果您使用Cloudflare 的 Cache Everything 功能,则需要配置我们的插件来同步缓存清除。

将它们一起使用的第一步是将您的站点添加到您的 Cloudflare 帐户如果您还没有这样做,请按照 Cloudflare 的教程:创建 Cloudflare 帐户并添加网站然后将您的域名服务器更改为 Cloudflare

Cloudflare 可以像 WP Rocket 一样执行 CSS 和 JS 文件的缩小过程,但 WP Rocket 还可以选择合并 Cloudflare 没有的文件。
我们建议您在 Cloudflare 和 WP Rocket 中激活缩小以获得最佳效果。

注意:如果您使用 WP Rocket Cloudflare插件,则不再需要官方 Cloudflare 插件。
WP Rocket 提供与提供原始 IP 地址相同的功能。

WP Rocket 的 Cloudflare 插件

将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库

先决条件

您必须直接访问您自己的 Cloudflare 帐户才能获取配置插件所需的 API 密钥信息。如果您通过主机提供的集成使用 Cloudflare,您可能无法获取此信息,因此您将无法使用该插件,但 Cloudflare 仍将在您的站点上处于活动状态


附加组件 设置选项卡中,您将看到Cloudflare附加组件。将加载项状态切换ON:

将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库

然后单击修改选项按钮。它将带您到出现在Add-ons选项卡下的Cloudflare选项卡:

将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库这些是您需要设置的设置:

全局 API 密钥

如何找到您的全局 API 密钥: 

  1. 登录到您的 Cloudflare 帐户
  2. 点击右上角的个人资料图标,然后点击我的个人资料
    将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库
  3. 单击 API 令牌

    将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库

  4. 在那里你会找到全局 API 密钥:

    将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库

  5. 输入您的 Cloudflare 密码后,将显示 API 密钥。复制全局 API 密钥并粘贴到 WP Rocket 设置中。 

注意: Cloudflare 插件仅适用于  Global API 密钥,不支持其他Cloudflare  API 令牌。

在 wp-config.php 中定义 API 密钥

如果它适合您的用例,您还可以在wp-config.php文件中定义您的 API 密钥。如果您在同一个 Cloudflare 帐户下有多个站点,这可能会很有用。以下是将它添加到wp-config.php文件的方法(请记住用您自己的 API 密钥替换示例中的第二个值):

定义('WP_ROCKET_CF_API_KEY','把你的 API 密钥放在这里');

使用wp-config.php中的以下代码行, 如果您希望保密,您还可以在 WP Rocket 的设置中隐藏 API 密钥字段:

定义('WP_ROCKET_CF_API_KEY_HIDDEN',真);

帐户的电子邮件

填写您的 Cloudflare 帐户上使用的电子邮件地址。

区域 ID

输入您的域的区域 ID。这可以在您的 Cloudflare 帐户中的域 的概览页面上找到:

将 WP Rocket 与 Cloudflare 结合使用 - WP Rocket 知识库

发展模式

这会打开或关闭 Cloudflare 的开发模式。  开发模式允许您暂时暂停 Cloudflare 的边缘缓存和缩小功能。 

你可知道? 当您对可缓存内容(如图像、CSS 或 JavaScript)进行更改并且您希望立即看到这些更改时,激活 开发模式可能特别有用。

最佳设置

强烈建议激活此选项。WP Rocket 会自动为 Cloudflare 选择一组预定义的选项,以提高您网站的性能:

  • 将 Cloudflare 的缓存级别设置为标准
  • 激活 Cloudflare 的 缩小
  • 停用 Rocket Loader  (名称与 WP Rocket 无关)
  • 将 Cloudflare 的浏览器缓存设置为1 年

相对协议

小心!仅当您使用 Cloudflare 的灵活 SSL功能时,才应激活此设置。
当您的 WordPress 网站在完整 SSL 上运行时,您不应该激活它!

相对协议设置重写静态文件(CSS、JS、图像)的URL 以使用相对协议(//而不是http://or https://)。

IC 何时应清除所有 Cloudflare 缓存文件?

By default, it’s not necessary to press this button every time you clear WP Rocket’s cache. 

It will clear the Cloudflare cache, and it mostly needed for troubleshooting, in case you've made changes to your files without changing their filenames, or when you think Cloudflare is serving outdated files for whatever reason.

If you have enabled Cache Everything, the Cloudflare cache will be purged automatically at the same time as the WP Rocket cache.

See this guide if you are using Cloudflare's Cache Everything feature

Troubleshooting

使用 Cloudflare 时最常见的问题原因是其  Rocket Loader功能。如果您在运行 Cloudflare 时看到显示问题或 JavaScript 错误,请禁用Rocket Loader并清除您的缓存,看看这是否能解决问题。Rocket Loader与 WP Rocket 没有任何关系。)

这是否回答你的问题?




感谢您的反馈

提交您的反馈时出现问题。请稍后再试。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin