← 返回博客
实战指南网站速度core web vitalslcpinpcls

2026 年网站速度:核心网页指标、官方阈值,以及我们移动端博客的真实案例

2026 年网站速度:核心网页指标、官方阈值,以及我们移动端博客的真实案例

服务器 0.23 秒就响应了,可手机上的文章却完全不显示。本文介绍核心网页指标的官方阈值、Google 对其搜索影响的说法,以及我们自己的案例:如何找到原因、把封面图从约 2 MB 降到 213 KB,以及您该检查什么。

Google 视哪些速度指标为核心?

Google 视哪些速度指标为核心?: 示意图

核心网页指标有三项。LCP(加载):最大元素应在 2.5 秒内出现。INP(响应):页面应在 200 毫秒内响应操作。CLS(视觉稳定性):布局偏移不超过 0.1。按页面加载的第 75 个百分位计算,移动端和桌面端分开统计,三项都达标页面才算通过。INP 于 2024 年取代 FID。web.dev 明确表示,稳定指标每年最多变更一次,因此一些博客提到的“2026 新阈值”并未得到 Google 证实。

速度会影响搜索排名吗?

Google 表示,核心网页指标与其他页面体验因素一起,与其核心排名系统希望奖励的内容一致,并强烈建议取得良好分数。Google 没有给出速度在排名中的单独权重,所以它不是魔法按钮,而是条件之一。真实用户数据可在 Search Console 的“核心网页指标”报告中查看。

我们在自己的网站上发现了什么?

我们在自己的网站上发现了什么?: 示意图

2026 年 11 月 11 日,我们用手机打开 Metriverra 博客,文章“加载得很慢”。测量显示服务器 0.23 秒就响应了,问题不在服务器。19 篇文章的列表是一个带出现动画的整块,只有当块的 12% 出现在屏幕上时动画才触发。手机上这个块高 8509 像素,而屏幕只有 844 像素,仅占 9.9%:阈值永远达不到,文章一直不可见。此外,封面图按原尺寸提供,每个列表约 2 MB。我们去掉了列表的动画,改为每页 10 篇和 9 篇,并提供缩小的封面图:12 张封面共 213 KB,而不是约 2 MB。

您的网站该检查什么?

打开 Search Console 中的“核心网页指标”报告,从移动端页面开始。在真实的移动端窗口中检查页面,而不只看服务器响应时间:在脚本触发前被隐藏的内容,用户根本看不到。按屏幕尺寸提供图片(srcset),首屏以下的图片延迟加载,但主图不要延迟。为图片预留空间,避免布局跳动。还要记住,繁重的脚本和代码会拖慢响应,也就是 INP。

现在该做什么

  1. **打开 Search Console 的“核心网页指标”报告,**从移动端网址开始。
  2. **在移动端窗口中检查关键页面:**内容是否无需等待动画和脚本就能看到。
  3. **按屏幕尺寸提供图片,**列表和卡片使用缩小的副本。
  4. **首屏主图不要延迟加载,**只延迟下方的图片。
  5. **每次网站重大改动后都检查指标,**而不是一年一次。

Metriverra 每天显示访客行为和转化,网站速度调整后可以轻松比较前后的跳出和销售。

要点

  • Google 阈值:LCP ≤ 2.5 秒、INP ≤ 200 毫秒、CLS ≤ 0.1(第 75 个百分位)。
  • 稳定指标每年最多变更一次;“2026 新阈值”未经 Google 证实。
  • Google:核心网页指标与排名系统希望奖励的内容一致。
  • 我们的案例:服务器 0.23 秒,但手机上的文章因动画而不可见。
  • 列表封面:约 2 MB → 213 KB。

来源: web.dev — Web Vitals · Google Search Central — Understanding Core Web Vitals and Google search results

继续阅读