Web Vitals - Chrome,谷歌浏览器插件下载_安装

简介

Web Vitals 是在网络上提供出色用户体验的关键质量信号 (https://web.dev/vitals)。此扩展程序衡量核心网络生命力，提供有关加载、交互性和布局转换指标的即时反馈。它与 Chrome 测量这些指标并向其他 Google 工具（例如 Chrome 用户体验报告、Page Speed Insights、Search Console）报告的方式一致。

扩展捕获：
最大的内容油漆
累积版图转移
首次输入延迟
与下一个绘画的交互（实验性的）

该扩展提供了三个核心功能：

1) Ambient Badge - 这有助于检查页面是否通过了 Core Web Vitals 阈值。

安装后，扩展程序将显示禁用状态徽章图标，直到您导航到 URL。此时，它会将徽章更新为绿色或红色，具体取决于 URL 是否通过了 Core Web Vitals 指标阈值。

徽章有多种状态：

* 禁用 - 灰色
* 通过 - 绿色
* 一个或多个指标失败 - 红色

如果一个或多个指标失败，徽章将动画显示这些指标的值。

2）弹出窗口中的详细向下钻取

单击 Ambient 徽章图标将允许您深入了解各个指标值。在此模式下，扩展程序还会说明指标值是否可能更改或需要用户操作。

例如，First Input Delay 需要与页面进行真正的交互（例如单击/点击），并且在这种情况发生之前将处于等待输入状态。我们建议查阅 LCP、CLS 和 FID 的 web.dev 文档，以了解指标值何时稳定。

从 1.0.0 版开始，弹出窗口通过 Chrome UX Report (CrUX) API 将您本地的 Core Web Vitals 体验与现场的真实用户数据相结合。此集成为您提供上下文洞察力，帮助您了解您的个人体验与同一页面上的其他桌面用户的相似程度。如果需要，我们还添加了一个新选项来“将本地体验与电话现场数据进行比较”。请注意，某些页面可能无法使用 CrUX 数据，在这种情况下，我们会尝试整体加载 origin 的字段数据。

3) HUD 覆盖

叠加层会显示一个平视显示器 (HUD)，它会覆盖您的页面。如果您需要在开发过程中持续查看您的核心网络生命指标，这将非常有用。要启用覆盖：

右键单击环境徽章并转到选项。
选中显示 HUD 覆盖并单击“保存”
重新加载您要测试的 URL 的选项卡。叠加层现在应该存在。
Web Vitals - Chrome

下载

截图

简介

标签
