核心网络指标可视化工具：可视化任何网页的核心网络指标
RUM Visualizer 是由 MarketingTracer 开发的 Chrome 扩展程序。它允许用户可视化任何网页的核心网络指标。通过此扩展程序，您可以轻松访问和理解重要的指标，如最大内容绘制时间（LCP）、首次输入延迟（FID）、累积布局偏移（CLS）、首次内容绘制时间（FCP）、下一次绘制交互（INP）和首字节时间（TTFB）。
该扩展程序为每个指标提供了一系列功能。对于 LCP，您可以获取 RUM 值，可视化 LCP，并将其分解为组件，如首字节时间、资源加载延迟、资源加载时间和元素渲染延迟。同样，对于 FID，您可以获取 RUM 值，可视化 FID，并探索其细分。
可以获取 CLS 值，并显示和动画显示其细分。同样，可以访问和细分 FCP 值。可以可视化 INP 值，并探索其细分。可以获取 TTFB 值，并对其进行细分以进行分析。
除了这些功能，该扩展程序还提供了简单的调试选项。您可以模拟慢速网络条件（3g），并为当前页面启用或禁用缓存。这些选项有助于识别和解决性能问题。
该扩展程序经历了多次更新，1.2 版增加了详细的 LCP 信息，1.4 版引入了左侧菜单和有关阻塞渲染资源的其他信息，1.5 版包括了代码和布局改进以及页面实验。1.6 版带来了更好的 INP 细分和次要代码改进，1.7 版允许用户在 INP 分析期间将事件、长任务和长动画帧记录到控制台。
通过 Core Web Vitals Visualizer，Web 开发人员和性能爱好者可以获得有关任何网页性能的宝贵见解，并优化其以提供更好的用户体验。
