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

谷歌此前曾推出过适用于 Chrome 的 Web Vitals 扩展程序 , 能够在页面的 Heads Up Display 上显示网页性能指标 , 例如 First Input Delay 和 Cumulative Layout Shift 等等 。 不过现在不需要扩展程序 , 谷歌正努在每个页面的 Heads Up Display 中显示这些信息 。
不用装Web Vitals扩展了 Chrome新实验特性可显示网页性能指标文章插图
不用安装 Web Vitals 扩展程序 , 就能让 Chrome 显示页面性能指标的步骤如下
1.打开 Chrome 浏览器
2.访问 chrome://flags 页面
3.搜索“Show performance metrics in HUD”
不用装Web Vitals扩展了 Chrome新实验特性可显示网页性能指标文章插图
4.点击下拉菜单 , 并选择“Enabled”
5.重启浏览器
在启用该 Flag 之后 , 它就会显示包括广告在内加载所有 frames 的指标 。 First Input Delay 会在你和页面交互之后显示 。 这项功能对于开发者和 Webmasters 来说非常有用 。
【不用装Web Vitals扩展了 Chrome新实验特性可显示网页性能指标】谷歌在记录有关该功能的错误信息中写道:“在 HUD 显示器上显示性能指标 。 这是专门为不具有扩展支持的平台而设计的 。 当前计划的性能指标 , 包括与Web Vitals指标匹配的指标 , 以及可能的平滑度指标” 。