![Web Vitals](https://cdn1.nanbk.com/file/logo6121/logo.jpg)
Web Vitals1.1.1
衡量健康网站的指标Web Vitals 是在网络上提供出色用户体验的关键质量信号 (https://web.dev/vitals)。此扩展程序衡量核心网络生命力,提供有关加载、交互性和布局转换指标的即时反馈。它与 Chrome 测量这些指标并向其他 Google 工具(例如 Chrome 用户体验报告、Page
更新日期:2021年 8月 29日分类标签:开发语言:中文平台:
2.52MB 0 人已下载 手机查看
简介:
衡量健康网站的指标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 的选项卡。现在应该出现叠加层。