随着 Chrome 132 正式发布,Google 已停止维护 Web Vitals Chrome 扩展。该扩展的核心功能现已完全整合至 DevTools Performance 面板,后者成为测量 Core Web Vitals 的首选工具。
尽管该扩展曾拥有近 20 万用户,但 Chrome 团队决定将资源集中于 DevTools,以提供更强大且集中的网站性能调试平台。
停用原因:DevTools 功能全面覆盖
Web Vitals 扩展在早期 Core Web Vitals 监控中发挥了重要作用,但目前 DevTools 不仅具备同等功能,还提供了更丰富的特性。通过功能整合,Google 旨在为开发者打造更流畅的性能优化工作流。
DevTools Performance 面板核心功能
Performance 面板现已完整承接并扩展了原扩展的功能,具体包括:
- 实时指标:为本地测试提供实时的 Core Web Vitals 数据。
- 现场数据对比:支持将本地指标与 CrUX 数据(含桌面端和移动端)进行比对。
- LCP 详情分析:定位影响最大内容绘制 (LCP) 的具体元素,并展示首字节时间 (TTFB)、渲染延迟等阶段细分。
- INP 交互日志:追踪影响交互到下次绘制 (INP) 的行为,提供输入延迟、处理及呈现的详细计时信息。
- CLS 布局偏移日志:可视化展示导致累积布局偏移 (CLS) 的分组偏移情况。
- 诊断指标:集成 TTFB 和首次内容绘制 (FCP) 等关键诊断数据。
上述功能结合高级调试工具,使开发者能在单一环境中完成从监测到优化的全流程。
迁移建议与注意事项
建议仍在使用 Web Vitals 扩展的用户尽快切换至 DevTools。Google 已发布官方迁移指南以辅助过渡。对于暂无法迁移的用户,可参考相关说明保留扩展本地副本。
重要提示:与该扩展关联的 CrUX API 密钥即将被撤销。若需继续使用现场数据集成,请务必依据 CrUX API 文档重新生成密钥,以免服务中断。
未来展望
此次调整体现了 Google 将 DevTools 打造为顶级性能监控工具的决心。Performance 面板已涵盖从核心网页指标到高级诊断的全方位能力,后续还将持续更新。虽然 Web Vitals 扩展已完成其历史使命,但其精华功能已在 DevTools 中得到延续与增强,助力开发者更高效地监控和优化网站性能。

