LCP、INP、CLS 分别衡量什么？
从加载、交互和视觉稳定性衡量真实用户体验。
参考答案
- LCP：最大内容绘制，衡量主要内容的加载体验，良好阈值为不超过 2.5 秒。
- INP：交互到下一次绘制，衡量交互响应性，良好阈值为不超过 200 毫秒。
- CLS：累积布局偏移，衡量视觉稳定性，良好阈值为不超过 0.1。
评估通常关注真实用户数据的第 75 百分位，并区分移动端与桌面端。实验室测量适合定位问题，不能替代真实访问条件下的数据。
优化示例：优先加载首屏关键图像、拆分主线程长任务、为图片和异步内容预留空间。
指标实现参考
本次对照 GoogleChrome 官方 web-vitals 实现中的阈值常量：