不用裝Web Vitals擴展了Chrome新實驗特性可顯示網頁性能指標
谷歌此前曾推出過適用於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指標匹配的指標,以及可能的平滑度指標”。