简介:

可视化任何网页的核心网络活力
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）

插件下载: