Core Web Vitals 指标速查
LCP / INP / CLS 的阈值与优化方向
REFERENCE · 5 ROWS
优化优先级:LCP 先处理图片与字体,INP 减少主线程长任务,CLS 给图片与广告位预留尺寸。
| 指标 | 含义 | 良好 | 需改进 | 差 |
|---|---|---|---|---|
| LCP | 最大内容绘制 | ≤ 2.5s | 2.5-4s | > 4s |
| INP | 交互到下次绘制 | ≤ 200ms | 200-500ms | > 500ms |
| CLS | 累计布局偏移 | ≤ 0.1 | 0.1-0.25 | > 0.25 |
| TTFB | 首字节时间 | ≤ 800ms | 0.8-1.8s | > 1.8s |
| FCP | 首次内容绘制 | ≤ 1.8s | 1.8-3s | > 3s |
HOW TO USE
怎么用Core Web Vitals 指标速查
- 打开Core Web Vitals 指标速查,表格已按主题整理好。
- 在右上角输入关键词可即时筛选,不用上下翻找。
- 需要写文档时点「复制为 Markdown」,直接粘到笔记里。
Core Web Vitals 指标速查是什么
LCP / INP / CLS 的阈值与优化方向。Core Web Vitals 指标速查按表格整理 5 条常用对照,打开即可查,无需翻文档。
它属于「参考速查」下的「对照表」分类。状态码、编码、单位、国家与货币对照。 同类工具还包含 HTTP 状态码速查表、常用 HTTP 请求头与响应头、MIME 类型对照表 等,可以在分类页一次看全。
适用场景
- 处理与「Core Web Vitals」相关的任务时可以直接用。
- 处理与「LCP」相关的任务时可以直接用。
- 处理与「INP」相关的任务时可以直接用。
- 处理与「CLS」相关的任务时可以直接用。
- 处理与「性能」相关的任务时可以直接用。
表格说明
本表共 5 行 5 列,内容按常用程度排序。 表格支持关键词筛选,复制出的 Markdown 可直接用于文档、Wiki 或技术博客。
隐私说明
本工具在浏览器内运行,输入内容不会发送到服务器,也不会被记录。 关闭或刷新页面后,输入即被清空。