指标
| 指标 | 含义 | 优化方向 |
|---|---|---|
| LCP | 主要内容渲染时间 | 关键资源优先级、图片优化 |
| INP | 交互响应延迟 | 减少长任务、代码拆分 |
| CLS | 布局偏移 | 预留尺寸、避免动态插入 |
实验室工具与实际用户数据（RUM）要结合：本地工具分数好不代表真实用户体验达标。
Web 性能指标
以用户视角衡量前端性能的指标：LCP（加载）、INP（交互响应）与 CLS（布局稳定）；达标需要资源优化、代码拆分与减少主线程阻塞配合。
易错点
- 只优化实验室分数，真实用户指标未改善
- 第三方脚本未设限额，主线程被持续占用
数据来源与参考
- web.dev：Core Web Vitals 文档
- W3C Web 性能工作组草案