Core Web Vitals Visualizer

RUM Visualizer 可视化任何网页的 Core Web Vitals。

此扩展程序将可视化任何网页的 Core Web Vitals。它包括 Largest Contentful Paint (LCP)、First Input Delay (FID)、Cumulative layout Shift (CLS)、First Contentful Paint (FCP)、Interaction to Next Paint (INP) 和 Time To First Byte (TTFB)。

特征：

液晶显示器
- 获取 LCP RUM 值
- 可视化 LCP。
- 将 LCP 分解为首字节时间、资源加载延迟、资源加载时间和元素呈现延迟

FID
- 获取 FID RUM 值
- 可视化 FID。
- FID 故障

CLS
- 获取 CLS RUM 值
- 显示 CLS 故障
- 可视化 CLS
- 动画 CLS。

燃料电池板
- 获取 FCP RUM 值
- 分解 FCP

INP
- 获取 INP RUM 值
- 可视化 INP。
- INP 分解

TTFB
- 获取 TTFB RUM 值
- 击穿 TTFB

轻松调试：
- 模拟慢速网络条件 (3g)。
- 启用或禁用当前页面的缓存。

变化：
1.2 添加了许多 LCP 信息，如加载、获取优先级、渲染故障、第一方或第三方等。
1.4 左侧菜单，有关渲染阻塞资源的更多信息以及指向 PSI、CrUX 仪表板和 W3C 的直接链接。
1.5 代码改进、布局改进、添加页面实验（延迟 javascript、禁用 javascript、禁用第三方脚本、延迟加载图像、延迟背景图像和禁用 webfonts）