Core Web Vitals 检测 — 给页面体验分数评级
粘贴来自 PageSpeed、CrUX 或 Microsoft Clarity「性能指标」小部件的 LCP、INP、CLS,查看「良好 / 需要改进 / 较差」,并给出与 Clarity 文档一致的常见成因与改进方向。在浏览器内完成,数值不上服务器。示例:3.2 秒 / 280 毫秒 / 0.18 → 三项均为需要改进。
怎么用
填写 LCP(秒或毫秒)、INP(毫秒)与 CLS。工具映射到「良好 / 需要改进 / 较差」;未达良好时展示来自 Clarity 性能指标文档的成因与改进摘要。
阈值与规则
分档遵循行业 Core Web Vitals(web.dev / Google)。Clarity 给出的理想目标与「良好」一致:LCP 2.5 秒内、INP ≤ 200 毫秒、CLS ≤ 0.1。Clarity 已于 2025 年 1 月从 FID 过渡到 INP。
- LCP:良好 ≤ 2.5 秒(2500 毫秒);需要改进 ≤ 4.0 秒;更高为较差。
- INP:良好 ≤ 200 毫秒;需要改进 ≤ 500 毫秒;更高为较差。
- CLS:良好 ≤ 0.1;需要改进 ≤ 0.25;更高为较差。
- 本页不是在线 Lighthouse 或 Clarity 项目扫描——请粘贴你已测得的数值。
- 仅适用于网站分析;不适用于原生移动应用性能监控(Clarity 说明)。
示例
样例:LCP 3.2 秒、INP 280 毫秒、CLS 0.18 → 三项均为需要改进,并在卡片下显示图片/脚本/布局相关提示。
适合什么场景
- 看完 Clarity 性能总览或按 URL 性能后,把 p75 的 LCP/INP/CLS 粘贴过来离线解读档位。
- 图片压缩前后:对照 PSI 或实地数据里的 LCP 变化。
- 同一页讲清 FID→INP 与三项页面体验指标。
常见问题
阈值从哪里来?
「良好」目标对齐 Clarity 性能指标与行业 Core Web Vitals;「需要改进 / 较差」分档遵循 Rules 中列出的 web.dev / Google 公开区间。
能替代 PageSpeed Insights 或 Clarity 吗?
不能。请用 PSI、CrUX 或 Clarity 测量;本页只对粘贴数值评级并展示成因/改进,不会在此上传你的网址。
FID 呢?
Clarity 已于 2025 年 1 月从 FID 过渡到 INP。本工具只评级 INP。
数值会上传吗?
不会。数值留在本机浏览器标签页,不上传到服务器。
为什么提到第 75 百分位?
Clarity 文档写明小部件中的 LCP、INP、CLS 是第 75 百分位。请对你报告中关心的同一百分位进行评级。
咨询与反馈
页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。