Wordpress教程 2024年02月24日
0 收藏 0 点赞 131 浏览 6776 个字

无论您的 WordPress 主机有多快都无关紧要;您永远无法克服网络延迟。像 Cloudflare 这样的内容分发网络 (CDN) 通过将资产(图像、CSS 和 JS)的副本存储在全球的边缘服务器上来解决这个问题。当访问者查找您的网站时,内容将从最近的地理服务器传送。

借助 Cloudflare 自动平台优化 (APO),您可以更进一步,从边缘服务器提供整个页面(图像、CSS、JS 和 HTML)。这意味着请求甚至不会到达源服务器(您的托管服务提供商)。这导致了极低的首字节时间 (TTFB) 和闪电般的加载时间。

我们将逐个选项卡地分享我们在 WordPress 网站(包括 perfmatters.io)上用于 Cloudflare 的所有设置。Perfmatters 插件完全支持 Cloudflare,我们向所有客户推荐它。如果您没有看到提到的部分,则表示我们很可能将其保留为 Cloudflare 的默认值。本文明确关注性能;安全设置可能因您的需求而异。

同样重要的是,不要仅仅因为它看起来或听起来不错而打开每个设置。很多时候,安全功能具有与之相关的性能成本

Cloudflare 在 WordPress 网站上的设置#

您需要做的第一件事(如果您还没有)是创建一个免费的 Cloudflare 帐户并指向您的域 (DNS)。请按照下列步骤操作

接下来,您需要在 WordPress 网站上配置 Cloudflare。有几种不同的方法可以做到这一点。

(选项 1)免费 Cloudflare 插件#

您的第一个选择是安装免费的 WordPress Cloudflare 插件并将您的帐户与您的 API 密钥连接。如果您的托管服务提供商已经与 Cloudflare 集成,您可能需要跳到选项 2。

注意:不要按“为 WordPress 应用推荐的 Cloudflare 设置”旁边的“应用”按钮。相反,请遵循本文档中的建议。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare WordPress 插件

许多其他 WordPress 优化插件也与 Cloudflare 集成。

(选项 2)启用 Cloudflare 托管集成#

第二种选择是启用 Cloudflare 与您的托管服务提供商的集成。Kinsta 就是一个很好的例子,因为 Cloudflare 为其 CDN 集成提供支持。话虽如此,您可能需要与他们联系以更改我们将在下面深入探讨的设置之一。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
由 Cloudflare 提供支持的 Kinsta CDN

Cloudflare 概述设置#

在“概览”选项卡上,您需要确保未启用以下任一选项:

  • 在攻击模式下
  • 开发模式

这两者都会对您网站的性能产生负面影响。例如,开发模式将完全绕过 Cloudflare 缓存。仅当故障排除或您认为您的网站正在遭受 DDoS 攻击时,才应启用这些功能。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 概述设置

Cloudflare DNS 设置#

关于“DNS”屏幕上的性能,最重要的事情是您是否已启用DNS记录以使用Cloudflare的代理。

当您有灰色云时,这意味着您仅将 Cloudflare 用于 DNS 和路由。当您拥有橙色云时,这意味着您正在使用 Cloudflare 的代理,它可以实现它们的所有性能优势,例如缓存、文件优化(缩小)、防火墙、自动平台优化 (APO) 等。

注意:请务必按照文档操作,了解如何初始设置 Cloudflare。例如,如果您使用的是免费的 Cloudflare 插件,则需要启用 Cloudflare 的代理(橙色云)。但是,如果您使用托管服务提供商与 Cloudflare 的集成,您可能只需要启用 DNS 功能。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare DNS 设置

Cloudflare SSL/TLS 设置#

在“SSL/TLS”选项卡下,单击进入“Edge 证书”屏幕。您应确保已打开 TLS 1.3 支持。这有助于提高性能和安全性。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare SSL 设置

其他设置#

  • 机会加密:已启用

Cloudflare 安全设置#

在“安全”选项卡下,单击“机器人”屏幕。建议您关闭此功能,除非您正在处理安全问题。原因是它添加了一个 JavaScript 文件 ()。这有时会触发“减少 JavaScript 执行时间”警告,以及“避免冗长的主线程任务”。我们已经看到这个脚本增加了 2,000+ 毫秒的 CPU 执行时间,并将 PageSpeed Insights 分数降低了 20+ 分。它对总阻塞时间 (TBT) 有巨大影响invisible.js

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare invisible.js 文件

该功能有时还会添加包含以下内容的其他 JavaScript 文件:和 .详细了解 Cloudflare 的 JavaScript 检测。机器人战斗模式也可能阻止您在 PageSpeed Insights 中运行测试。如果发生这种情况,它将返回“哎呀!出了点问题“警告。/cdn-cgi/bm/cv//cdn-cgi/challenge-platform/h/g/scripts/pica.js

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 机器人战斗模式

如果您使用的是 Cloudflare Pro 计划或更高版本,此功能称为超级机器人战斗模式。请参阅他们的文档,了解如何禁用超级机器人战斗模式

然后单击“设置”屏幕。建议将安全级别设置为以下级别之一:

  • 基本上关闭了
  • 中等

任何高于此值的内容都可能开始影响您在网站上的表现和整体用户体验。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 安全级别

其他设置#

  • 浏览器完整性检查:已启用
  • 隐私通行证支持:已启用

Cloudflare 速度设置#

在“速度”选项卡下,单击“优化”屏幕。您应该启用的第一件事是“自动缩小”。一些插件会缩小您的 WordPress 网站上的内容,但为什么不让 Cloudflare 完成所有繁重的工作呢?在 CDN 级别执行此操作的好处是,您的 Web 服务器不必使用资源;缩小的文件直接从 CDN 提供,并在后台缩小,因此不会减慢首次请求的速度。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 自动缩小

此外,许多主题和插件开发人员已经缩小了他们的代码。如果您看到包含 或 的文件,则表示该文件已被缩小。因此,缩小并不像以前那么重要,因为在大多数站点上,95%+ 的资源已经缩小了。但每一点都有帮助!.min.js.min.css

您应该启用的下一个功能是 Brotli。这是一种较新的压缩形式,比其前身 GZIP 更快。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 布罗特利

早期提示#

Early Hints 抓取预加载和预连接链接标头,缓存它们,并将它们作为 103 Early Hints 发送以供后续请求使用,以便未来的访问者获得更大的性能优势。换句话说,它有助于加快预加载预连接速度。我们建议启用此功能。但是,Early Hints 不支持元素,仅支持链接标头。<link>

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 早期提示

自动平台优化 (APO)#

接下来是自动平台优化。这是可选的,每个站点每月收费 5 美元(流量无关紧要)。好消息是,您可以在使用免费的 Cloudflare 计划的同时注册它。需要指出的是,这是迄今为止 Cloudflare 提供的所有功能中最具影响力的功能。我们在所有的 WordPress 网站上都使用 APO。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 针对 WordPress 的自动平台优化

为什么APO如此重要?因为它基本上缓存了您的整个网站,不仅是资产,还有 HTML。过去,请求会转到托管服务提供商的服务器以下载 HTML,并转到 CDN 以下载资产(图像、CSS、JS)。使用 APO,所有请求(直到它们过期)都直接发送到离用户最近的 Cloudflare 边缘服务器(图像、CSS、JS 和 HTML)。

这消除了等待时间 (TTFB) 问题,而且速度非常快!您再也不会在 PageSpeed Insights 中看到“减少初始服务器响应时间”警告。

它也不必像传统 CDN 那样为每个边缘服务器预加载缓存。APO 使用其 KV 来存储缓存,在第一次访问时,它会立即分布在所有边缘服务器上。对于大多数网站,您可以将其视为在全球范围内自动托管您网站的单独副本。您也不必弄乱任何令人困惑的页面规则。

APO 也非常适合提高 HIT 缓存率。看看下面的屏幕截图中发生了什么,当我们在我们的网站上启用 APO 时。与未缓存的请求相比,我们的缓存请求急剧增加!这对于速度和感知性能(您的网站感觉有多快)非常有用。更多的访问者更频繁地点击缓存总是一件好事。APO 还会自动缓存 UTM、FB、Google Ads 等内容的查询参数

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
请求的 Cloudflare 缓存比率

像 Kinsta 这样的托管服务提供商现在拥有 Cloudflare 边缘缓存集成,他们为所有客户免费提供这些集成。您只需单击一下即可启用它;无需额外的插件或配置。

如果您不喜欢 APO 订阅,您还可以使用免费的 Super Page Cache for Cloudflare 插件来启用整页边缘缓存。他们的做法略有不同,但它与 Perfmatters 配合得很好。

火箭装载机#

我们建议关闭 Rocket Loader。这可能因网站而异,但很多时候我们已经看到它实际上减慢了 WordPress 网站的速度。它还与插件和主题存在很多兼容性问题。我们不在我们的任何网站上使用 Rocket Loader。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 火箭装载机

主要原因是它向您的 WordPress 网站添加了一个 JavaScript 文件()。我们已看到此文件包含在以下 Core Web Vitals 警告中:rocket-loader.min.js

  • 缩短 JavaScript 执行时间
  • 不使用被动侦听器来提高滚动性能
  • 避免冗长的主线程任务
  • 使用高效的缓存策略为静态资产提供服务
WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 文件rocket-loader.min.js

自动签名交易所#

自动签名交换 (SXG) 是一项新功能,它使基于 Chromium 的浏览器能够在 Google 的搜索结果页面上预提取您的网站。这有助于改进最大内容绘制 (LCP)。它需要 Cloudflare Pro 或更高版本,或 APO

目前,此功能在与预加载一起使用时存在一个错误。这将导致 Google 的移动友好测试工具失败,并显示以下警告:“出了点问题。如果问题仍然存在,请在几个小时后重试。我们不建议在他们解决问题之前启用此功能

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
自动签名交易所 (SXG)

Cloudflare 缓存设置#

在“缓存”选项卡下,单击进入“配置”屏幕。我们建议您将“浏览器缓存 TTL”设置为 1 个月或更长时间。这将有助于解决 PageSpeed Insights 的“使用高效缓存策略提供静态资产”警告。Google 要求您的缓存标头至少为 30 天或更长时间。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 浏览器缓存 TTL

缓存未过期的时间越长,HIT 缓存比率就越高。这意味着更多的访问者正在使用 Cloudflare 边缘服务器的闪电般快速缓存来交付我们的网站。

爬虫提示#

Bing、Yandex 和 DuckDuckGo 等搜索引擎利用 IndexNow 协议来通知他们内容更改。Cloudflare Hints 有助于提高爬虫的效率,并在内容未更改的情况下限制它们。我们建议启用此功能以减少源站的负载。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 爬虫提示

始终在线#

Cloudflare 的 Always Online 服务会定期抓取您的网站,并将其添加到 Internet Archive 的 Wayback Machine 中。虽然这很酷,但对电子商务网站不是很有帮助。无论如何,它们都无法正常运行,因此我们更愿意尽可能将爬虫保持在最低限度。击中/抓取您网站的内容越少越好。因此,我们不建议启用“始终在线”。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 始终在线

其他设置#

  • 缓存级别:标准

分层缓存#

在“分层缓存”屏幕下,启用“Argo 分层缓存”。分层缓存通过限制可以从源请求内容的数据中心数量,提高带宽效率,减少源负载,并使网站的运营更具成本效益。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare Argo 分层缓存

Cloudflare 网络设置#

在“网络”选项卡下,确保“HTTP/3 (QUIC)”和“0-RTT”都已打开。HTTP/3 (QUIC) 是继 HTTP/2 之后的最新版本。0-RTT 提高了以前连接到您的 WordPress 网站的用户的性能。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 网络设置

Cloudflare 流量设置(可选)#

此步骤完全是可选的。在“流量”选项卡下,单击进入“Argo”屏幕。您可以启用 Argo,这有助于减少网络延迟。换句话说,它有助于加快与源服务器的连接。Argo 的起价最低为 5 美元/月,在第一个 GB 之后,您将按每 GB 0.10 美元的价格收费。例如,如果您平均传输 100 GB 的数据,则每月费用为 15.00 美元。

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare Argo的

我们不在我们的网站上使用 Argo。但是,如果您的网站流量很大并且不介意额外费用,我们建议您启用 Argo。不过,重要的是要注意,如果您想选择,APO 产生的结果比 Argo 更明显。但是,您可以同时使用两者以获得更好的性能。

Cloudflare 应用程序#

在“应用程序”选项卡下,单击“已安装的应用程序”屏幕。在这里,您需要仔细检查您是否没有意外运行任何不应该运行的应用程序。我们一直看到客户从他们正在玩的 Cloudflare 应用程序加载资源,但忘记删除这些资源。通常,这些内容将显示为包含以下内容的 JavaScript 文件:./cdn-cgi/apps/head/xxxx.js

If you’re using an app for a specific purpose, great, but make sure to remove anything that is not in use. JavaScript from Cloudflare apps can’t be optimized (delayed, deferred, etc.), so it can actually hurt your site’s performance.

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare apps

Cloudflare Scrape Shield settings#

Under the “Scrape” tab, we recommend turning off “Email Address Obfuscation.” This supposedly helps by obfuscating email addresses on your website. However, we don’t recommend putting your email address on your public site. There are many ways for spammers to still take advantage of it.

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare Scrape Shield

The main reason you don’t want this enabled is that it adds a JavaScript file to your WordPress site (). We’ve seen this file included in the following Core Web Vitals warnings: email-decode.min.js

  • Avoid chaining critical requests (this impacts LCP)
  • Avoid long main-thread tasks
  • Serve static assets with an efficient cache policy
WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 文件email-decode.min.js

网站分析#

Cloudflare Web Analytics 为您的网站提供免费、隐私优先的分析。问题在于,许多启用此功能的用户也已经在使用 Google Analytics 或其他以隐私为中心的分析解决方案,例如 Fathom(我们强烈推荐)。

您永远不应该运行多个分析脚本。Cloudflare Web Analytics 要求您将 JavaScript 文件添加到您的 WordPress 网站 ()。这将显示在PageSpeed Insights中,并有助于提高您网站的性能。因此,如果您已经有其他分析解决方案,我们建议您删除 Cloudflare Web Analytics。如果您尚未将 Cloudflare 的 JS 添加到您的站点,那么您无需担心这一点。https://static.cloudflareinsights.com/beacon.min.js

WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
Cloudflare 长主线程任务beacon.min.js

Cloudflare Pro 计划值得吗?#

以上所有内容都使用免费的 Cloudflare 计划,这是我们在所有网站上使用的。如果可以的话,我们建议使用 Cloudflare APO(5 美元/月)。但是,我们个人认为 Cloudflare Pro 计划不值得(就性能而言),除非您需要更多的规则和配置。通常,Cloudflare Pro 仅用于非常大的站点。

但是,如果您还没有图像优化解决方案,Cloudflare Pro(波兰语)中的图像优化可能会派上用场。

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/blog/4669.html

相关推荐
woocommerce 订单相关钩子
woocommerce_checkout_update_order_meta: 在订单元数据更新时触发。您可以在此钩子中更新订单的元数据,例…
日期:2024-03-15 点赞:0 阅读:70
最新Wp Rocket设置教程, 含插件下载+常见问题解决方法
最新Wp Rocket设置教程(超详细), 附GPL版本插件下载链接。图文并茂详细解释每一个设置的含义以及优缺点+兼容性排除,找到最合适的设…
日期:2024-02-24 点赞:0 阅读:175
WordPress破解版插件/主题(开心版, GPL, Nulled)安全吗?有啥缺点?如何获取?
解版插件产业链,安全与否,以及如何下载安全高质量破解版插件,避免下载有病毒主题/插件。 WordPress破解版插件/主题安全吗?这是绝大多…
日期:2024-02-24 点赞:0 阅读:160
终极WordPress速度优化教程, 秒开页面! 优化思路+方法+工具
终极WordPress速度优化教程,全面讲解影响速度的因素和原理。FCP, LCP, TTFB, TBT, CLS,Wp corn, Mar…
日期:2024-02-24 点赞:0 阅读:207
WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
无论您的 WordPress 主机有多快都无关紧要;您永远无法克服网络延迟。像 Cloudflare 这样的内容分发网络 (CDN) 通过将…
日期:2024-02-24 点赞:0 阅读:131
使用国外主题/插件后网站变很卡响应速度很慢的问题
变卡的原因 由于国内GFW的限制,有些资源被挡在海外无法加载,或者有些资源服务器延迟太高,导致网站加载速度缓慢,解决办法如下,二选一即可。 …
日期:2024-02-21 点赞:0 阅读:130
发表评论
暂无评论

还没有评论呢,快来抢沙发~