顾客用手机打开一张厨房电器商品页：商品大图很晚才出现，点选型号后页面迟迟没有反应，库存提示又把购买按钮往下推。这是三种不同的问题，一个“网页速度分数”解释不了全部。
Core Web Vitals（核心网页指标）分别观察主要内容何时出现、网页回应操作的速度，以及版面是否稳定。先看懂指标，再决定要改图片、脚本还是页面模板。
Core Web Vitals 有哪三项？
| 指标 | 衡量什么 | 良好门槛 |
|---|---|---|
| LCP 最大内容绘制 | 加载时，画面中最大的图片或文字区块何时出现 | 不超过 2.5 秒 |
| INP 交互到下一次绘制 | 用户操作后，网页多久显示回应 | 不超过 200 毫秒 |
| CLS 累积版面位移 | 可见内容出现多少意外移动 | 不超过 0.1 |
这些门槛以真实用户访问的第 75 百分位数评估。简单说，至少四分之三的已测量访问须达到该项指标的门槛，才算良好。手机和电脑分别评估。INP 已取代较旧的 FID（首次输入延迟）；不要拿旧的 FID 图表当作现行三项指标。
这些指标为什么重要？
它们把笼统的“网站很慢”拆成具体问题：主要内容出现得慢吗？按钮点了却没反应吗？阅读或准备购买时，内容突然跳动吗？一张网页可以很快完成加载，却因为稍后的操作迟缓而有较差的 INP。
Google 的排名系统会使用 Core Web Vitals，但良好分数不保证高排名。内容是否相关、是否有用仍然重要。把指标当作访客体验的证据，不要把绿色标记当成流量上涨的承诺。
为什么不同测速数字会有差异？
PageSpeed Insights 显示两类资料。真实用户数据汇总过去 28 天符合条件的 Chrome 用户访问；实验室数据来自一次受控的 Lighthouse 测试，适合找问题。一次快速的实验室测试不能抹掉较慢的真实用户数据，也无法代表每个人的手机与网络。
先看 PageSpeed Insights 显示的是这张网页的网址，还是因资料不足而改用整个网站来源的数据。新网页或访问量少的网页可能完全没有真实用户数据。Search Console 会把资料足够、情况相近的已收录网址分组，并分别报告手机和电脑；某个网址没出现在报告中，可能只是资料不够。分组出现问题值得调查，却不表示组内每张网页表现完全相同。
用同一张网页理解三项指标
回到厨房电器商品页：迟来的商品图片可能是 LCP 元素；型号选择器反应慢，可能拉高 INP；库存提示在商品资料上方突然出现，则可能造成 CLS。三项读数指向不同的体验问题。
不要直接认定最大的文件就是 LCP 问题。先找出实际的 LCP 元素、哪次操作迟缓，以及哪个元素发生移动。指标帮你确定调查方向；若确认图片是问题，再看我们的图片指南了解交付方式。
应该按什么顺序检查？
- 选一张重要网页和设备场景。手机商品页与电脑文章页可能有不同问题。
- 在 PageSpeed Insights 输入确切网址。若有真实用户数据，先看 LCP、INP、CLS，并确认数据属于该网址还是整个网站来源。没有数据就记录“资料不足”，不要直接判为良好。
- 再用实验室报告和浏览器开发工具找原因：确认 LCP 元素，实际操作反应慢的控件，观察意外位移。能在真实手机重现时，也在那里测试。
- 在那张网页修复原因；如果多张网页共用同一模板，就在模板中处理，再重新测试。保留访客需要的内容和功能。
- 发布后持续观察真实用户数据和 Search Console 的网址分组。数据涵盖过去 28 天，因此一次成功发布不会让旧访问记录隔夜消失。
先修哪一种问题？
优先处理影响重要网页、而且能确认原因的较差指标。LCP 要检查主要图片、浏览器何时发现它，以及服务器回应；INP 要找出迟缓的操作和阻碍反馈的长时间 JavaScript 工作；CLS 则应给图片和较晚出现的组件预留空间，而不是掩盖跳动。
目标不是取得完美 Lighthouse 分数，而是让真实访客更容易使用网页。发布后用相同网页与设备场景比较变化。
常见问题
LCP 和 CLS 是什么？
LCP 衡量加载时最大的可见内容元素何时出现；CLS 衡量可见内容的意外位移。现行第三项指标是 INP，衡量操作后的回应速度。
怎样通过 Core Web Vitals 评估？
三项指标都有足够真实用户数据时，每项的第 75 百分位数都须落在“良好”范围。如果 INP 数据不足，PageSpeed Insights 可以只用 LCP 和 CLS 评估。修复表现较差的指标，并等待新的真实用户数据累积；一次绿色实验室测试不等于通过评估。
怎样检查 Core Web Vitals？
用 PageSpeed Insights 查看网页可用的真实用户与实验室数据，再用 Search Console 找受影响的网址分组。手机和电脑分开看，并确认数字代表单张网页还是整个网站来源。
Core Web Vitals 不佳通常是什么原因？
LCP 可能受迟来的主要图片或慢服务器影响；INP 可能受操作期间阻塞的 JavaScript 影响；CLS 常见于图片或提示横幅没有预留空间。先测量具体网页，再决定修复方式。