Core Web Vitals 是什么
Core Web Vitals 是 Google 定义的一组以用户体验为中心的网页指标：LCP 衡量加载（最大内容元素何时渲染完成）、INP 衡量交互响应（从用户操作到界面更新的延迟，已取代旧指标 FID）、CLS 衡量布局稳定性。常用良好阈值为 LCP 2.5 秒内、INP 200 毫秒内、CLS 0.1 以内，考核以真实用户数据为准。
基本信息
| 三个指标 | LCP 加载、INP 交互、CLS 布局稳定 |
|---|---|
| 良好阈值 | LCP 2.5s、INP 200ms、CLS 0.1 |
| 数据来源 | 真实用户数据（CrUX）用于考核，实验室工具（Lighthouse）用于排查 |
| 分位口径 | 以 75 分位用户数据达标为判定 |
| 常见诱因 | 大图与阻塞资源、长任务、无尺寸占位的动态内容 |
典型使用场景
- 上线前评估：对关键模板跑实验室检测，先发现明显问题
- 线上监控：按周跟踪真实用户 75 分位变化，关联发版记录
- 优化回归：图片、字体、脚本优化后对比指标变化
- 多端差异排查：移动网络与设备更弱，通常先看移动端数据
- 竞品参照：同类页面同区域的指标作为对比基线
- 缺陷定位：CLS 异常先查广告位、弹窗与无尺寸图片
良好阈值（常用判定）
良好阈值（常用判定）
LCP <= 2.5 s # 加载：最大内容元素渲染完成时间
INP <= 200 ms # 交互：从用户操作到界面响应的延迟
CLS <= 0.1 # 视觉稳定：布局偏移累计分数
# 判定口径：以 75 分位用户数据达标为准
# 实验室工具用于定位原因，真实用户数据用于考核指标与优先排查点
| 指标 | 含义 | 先查什么 |
|---|---|---|
| LCP | 首屏最大元素渲染时间 | 主图、字体、阻塞脚本 |
| INP | 交互到响应延迟 | 主线程长任务与超大脚本 |
| CLS | 布局偏移累计分数 | 无尺寸媒体与晚插入内容 |
| TTFB | 首字节时间 | 服务端与网络链路 |
实验室工具与真实用户数据口径不同：Lighthouse 单次结果受设备与网络波动影响大，用于排查；CrUX 是聚合分位值，用于考核——两类数字不要混着下结论。
INP 已取代 FID：FID 只测量首次输入延迟，INP 覆盖页面生命周期内的所有交互并取较差值，老报告里出现 FID 说明口径过期。