不用装Web Vitals扩展了 Chrome新实验特性可显示网页性能指标

  • 时间: 2020-11-25 09:56:04

  谷歌此前曾推出过适用于 Chrome 的 Web Vitals 扩展程序,能够在页面的 Heads Up Display 上显示网页性能指标,例如 First Input Delay 和 Cumulative Layout Shift 等等。不过现在不需要扩展程序,谷歌正努在每个页面的 Heads Up Display 中显示这些信息。

  不用安装 Web Vitals 扩展程序,就能让 Chrome 显示页面性能指标的步骤如下:

  1. 打开 Chrome 浏览器

  2. 访问 chrome://flags 页面

  3. 搜索“Show performance metrics in HUD”

  4. 点击下拉菜单,并选择“Enabled”

  5. 重启浏览器

  在启用该 Flag 之后,它就会显示包括广告在内加载所有 frames 的指标。First Input Delay 会在你和页面交互之后显示。这项功能对于开发者和 Webmasters 来说非常有用。

  谷歌在记录有关该功能的错误信息中写道:“在 HUD 显示器上显示性能指标。这是专门为不具有扩展支持的平台而设计的。当前计划的性能指标,包括与 Web Vitals 指标匹配的指标,以及可能的平滑度指标”。