用途:该技能提供 Core Web Vitals 的参考知识,用于按 Google 阈值审计页面性能,并诊断与改善 LCP(加载)、INP(交互性)、CLS(视觉稳定性)三项稳定指标。三项指标均在真实页面加载的第 75 百分位测量,并按移动端与桌面端分别统计;只有三项都达到 Good 才算通过。阈值:LCP ≤2.5s 为 Good,2.5–4.0s 需改善,>4.0s 差;INP ≤200ms 为 Good,200–500ms 需改善,>500ms 差;CLS ≤0.1 为 Good,0.1–0.25 需改善,>0.25 差。辅助指标包括 FCP、TTFB、TBT,其中 TBT 是 INP 的实验室代理。工具矩阵涵盖 CrUX、PageSpeed Insights、Search Console CWV 报告、Chrome DevTools Performance 面板和 Lighthouse,并标注各自属于字段数据还是实验室数据。指标生命周期为 Experimental → Pending → Stable,当前三项均为 Stable,INP 于 2024 年 3 月取代 FID。用法:安装 web-vitals 后可用 onCLS、onINP、onLCP 采集字段数据并上报,回调返回 name、value、rating、delta、id、navigationType,rating 为 good、needs-improvement 或 poor;该库处理 bfcache 恢复、预渲染页面、iframe 聚合等边界情况。当用户提供指标值或 Lighthouse JSON 时,可运行 scripts/visualize.py 生成自包含 HTML 报告,支持 --lcp、--inp、--cls、--url、--lighthouse、--output、--no-open 参数,仅需 Python 3 标准库。限制:TBT 不能替代 INP 的字段测量;脚本路径随安装范围不同而变化,需先定位实际路径。其余细节资料未提供。
core-web-vitals
通用与其它
更新于 10-15 23:32