Web Vitals1.1.1

简介:
衡量健康网站的指标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 的选项卡。现在应该出现叠加层。