如何通过Cloudflare页面规则,3步大幅提升网站速度并解决LCP问题

如果您的网站在测试时遇到加载缓慢、TTFB(首字节时间)过高或GSC(Google Search Console)报告LCP问题,那么这篇教程就是为您准备的。

我们将通过Cloudflare一项强大且免费的功能——页面规则 (Page Rules),来解决这个核心问题,让您的网站实现质的飞跃。

为什么我的网站会变慢?

简单来说,Cloudflare默认只会自动缓存您网站的“静态”资源,比如图片、CSS和JS文件。但它不会默认缓存HTML页面本身。每个访客都必须等待您的服务器去生成页面,这个等待时间就是导致网站缓慢的原因。

什么是页面规则 (Page Rules)?

您可以把它想象成给Cloudflare下达的“智能指令”。我们会创建几条规则,告诉它在处理您网站的不同URL时,应该采取什么样的缓存策略。

我们将创建两条核心规则,来建立一个安全又高效的缓存系统。

详细操作步骤

第一步:进入Cloudflare页面规则设置

  1. 登录您的Cloudflare账户。
  2. 选择您需要优化的域名。
  3. 在左侧菜单中,找到并点击 “Rules” (规则),然后选择 “Page Rules” (页面规则)。

![导航到页面规则的示意图 – 您可以在此插入截图]

第二步:创建两条核心规则

页面规则是按顺序执行的,所以创建的顺序和最终的排列顺序非常重要

我们的第一条规则是为了确保WordPress后台 (/wp-admin/) 不被缓存,保证您和其他网站编辑可以正常工作。

  1. 点击蓝色的 “Create Page Rule” (创建页面规则) 按钮。
  2. “If the URL matches” (如果URL匹配) 的输入框中,填入:
    • *yourdomain.com/wp-admin/*
    • 注意: 请务必将 yourdomain.com 替换为您自己的真实域名
  3. “Then the settings are” (则设置为) 部分,添加以下设置:
    • Cache Level (缓存级别) → Bypass (绕过)
  4. 点击 “Save and Deploy Page Rule” (保存并部署页面规则)。

第二条规则,将告诉Cloudflare缓存您网站的所有页面,从而实现秒开效果。

  1. 再次点击 “Create Page Rule”
  2. 在URL匹配框中,填入:
    • *yourdomain.com/*
    • 注意: 请务必将 yourdomain.com 替换为您自己的真实域名
  3. 添加以下两项设置:
    • Cache Level (缓存级别) → Cache Everything (缓存所有内容)
    • Edge Cache TTL (边缘缓存TTL) → 建议选择 4 hours (4小时) 或 1 day (1天)。
    TTL是指缓存的有效时间,4小时对于大部分网站来说是一个安全且高效的选择。
  4. 点击 “Save and Deploy Page Rule”

第三步:检查规则顺序并清除缓存(关键一步!)

现在您有两条规则了。Cloudflare是从上到下执行规则的,所以顺序必须正确。更具体的规则必须在更通用的规则之上。

  1. 检查顺序:请确保您的规则列表如下所示:
    • 第一条: *yourdomain.com/wp-admin/* (Bypass)
    • 第二条: *yourdomain.com/* (Cache Everything)
    • 如果顺序反了,您可以用鼠标按住规则左侧的图标,上下拖动来调整顺序。
  2. 清除缓存:为了让新规则立即生效,我们需要清除一次旧缓存。
    • 在左侧菜单中,点击 “Caching” (缓存) → “Configuration” (配置)。
    • 点击 “Purge Everything” (清除所有内容) 按钮,并在弹出的确认框中再次点击。

如何验证效果?

恭喜您!您已成功配置了Cloudflare页面规则。

等待一两分钟后,您可以这样验证效果:

  1. 直观感受:在浏览器中打开您网站的任意一个页面(建议使用隐身模式),您会感觉到速度有了明显的提升。
  2. 技术验证
    • 在您的网站页面上,按 F12 打开浏览器开发者工具,选择“网络(Network)”标签页。
    • 刷新页面,找到第一个请求(通常是您的域名),点击它。
    • 在右侧的“标头(Headers)”中,向下滚动找到“响应标头(Response Headers)”。
    • 您应该能看到一个名为 cf-cache-status 的项目。如果它的值是 HIT,那就代表页面是由Cloudflare的全球缓存直接提供的,配置成功!
      (第一次访问可能是MISS或DYNAMIC,再次刷新后就会变成HIT)

通过以上简单的设置,您网站的TTFB和LCP指标将会得到极大的改善,不仅能为访客提供更好的体验,也有助于提升您的SEO表现。

FAQ

Q1: 这个设置是免费的吗?

A: 是的。Cloudflare的免费套餐包含了3条页面规则。本教程中我们只使用了2条,所以完全在免费额度内,您无需支付任何额外费用。

Q2: 设置这个缓存后,我发布的新文章或对页面的修改会立刻显示吗?

A: 不会立刻显示,这正是缓存的工作原理。我们在规则中设置了“Edge Cache TTL”(边缘缓存TTL)为4小时,这意味着Cloudflare会将页面缓存4个小时。

不过,您有几种方式可以立即看到更新:

  1. 手动清除缓存 (推荐):每次您发布新文章或做了重要修改后,登录到Cloudflare仪表板,导航到 “Caching” (缓存) → “Configuration” (配置),然后点击 “Purge Everything” (清除所有内容)。这会强制Cloudflare从您的服务器获取最新内容。
  2. 使用Cloudflare官方插件:在您的WordPress网站上安装官方的Cloudflare插件。配置好之后,它会在您发布或更新文章时自动清除相关页面的缓存,非常方便。
  3. 等待缓存过期:如果您不做任何操作,更改也会在4小时后自动显示出来。

Q3: 为什么我的规则顺序那么重要?

A: 因为Cloudflare在处理一个请求时,只会应用它匹配到的第一条页面规则。

想象一下,如果把缓存整个网站的规则(*yourdomain.com/*)放在第一位,那么当您访问后台登录页面(…/wp-admin/)时,它首先就会匹配到“缓存所有内容”这条规则,从而把您的后台页面也给缓存了,这会导致您无法正常登录和工作。

因此,我们必须把更具体的“不要缓存后台”的规则放在最前面,作为一个“例外条款”。

Q4: 我网站上的联系表单、购物车或会员登录功能会受影响吗?

A: 对于大多数简单的网站(如博客、企业展示网站),这个配置是完全安全的。但是,如果您的网站有高度动态的功能,比如购物车(WooCommerce)、论坛或会员区,“Cache Everything”可能会缓存到用户的私人信息

在这种情况下,您需要更精细的设置:

  • 对于电商或会员网站:强烈建议您使用 Cloudflare APO (Automatic Platform Optimization) 服务。这是一个付费功能,但它能智能地区分匿名访客和登录用户,自动处理缓存,无需手动配置页面规则,既安全又高效。
  • 或者创建更多例外规则:您可以为购物车页面、用户中心等创建和后台一样的“Bypass”规则,将它们排除在缓存之外。

Q5: 我设置完成后,为什么cf-cache-status还是显示MISS或DYNAMIC?

A: 别担心,这很正常。请检查以下几点:

  1. 您是第一个访客:在您清除缓存后,第一个访问某个页面的人总是会得到 MISS,因为Cloudflare的缓存中还没有这个页面。此时Cloudflare会从您的服务器获取页面并存入缓存。您再次刷新页面,就应该会看到 HIT。
  2. 检查规则是否保存:确保您的页面规则已经成功保存并处于“Active”(启用)状态。
  3. 检查URL是否匹配:确认您访问的URL确实符合您设置的缓存规则。
  4. 源服务器响应头:在极少数情况下,您服务器的某些设置(例如 Cache-Control: private 响应头)可能会阻止Cloudflare进行缓存。不过,我们的页面规则设置通常会覆盖这些。

如果多次刷新后依然无法命中缓存,请仔细检查您的页面规则配置是否和教程中的完全一致。

目录

相关内容

14天全部功能免费试用

点击按钮后你将跳转到Kingsway英文官网的注册页面,注册后就可以免费试用了。

让每一个视频都为你赢得商业机会,让每一次播放都为你带来询盘价值。

售前咨询 & 普通咨询

另外,我们已经准备了一个帮助中心,建议你在联系之前先看看,也许你的问题和答案都已经在那里清楚说明了。

让你在视频中拿到询盘

点击按钮后跳转到Kingsway英文官网的注册页面,你注册后在页面右上角点击upgrade按钮可以进行支付了。

让每一个视频都为你赢得商业机会,让每一次播放都为你带来询盘价值。

在你离开前,免费获得大量关于视频引流和获客的资源!
添加Kingsway运营人员微信

立刻获得Kingsway为你准备的 免费礼物包

Kingsway为你准备下面这个礼品包: