Chrome 102 在 DevTools 中新增了 Performance Insights

剛推出的最新 Chrome 102 版,在 DevTools 中新增了一項實驗性的新功能 Performance Insights

原本 Chrome 的 DevTools 中,其實已經有一個 Performance 的功能,可供錄製網頁載入的相關效能表現,內容資訊也相當的豐富,想深入分析網頁效能的人,可以從這邊看到非常多的數據。
官方說明文件(英文): https://developer.chrome.com/docs/devtools/evaluate-performance/reference/

而就是因為 Performance 的功能資訊實在太多,所以 Chrome DevTools 團隊才又另外開發了這個 Performance Insights 功能,雖然與 Performance 功能都是作分析網頁載入相關的效能分析,但 Performance Insights 則是除了原有的時間軸之外,還有 DevTools 團對認為值得深入研究的 “Insights” 清單。

“Insights” 清單將辨識如渲染阻塞請求(render blocking requests)、版面偏移(layout shifts)和長任務等問題,這些都會對網頁的加載性能,如 Core Web Vital (CWV)分數產生負面影響,除了標記問題外,Performance Insights 還會提供提升 CWV 分數的建議,及指向更多資源和文件的連接。

資料來源 : Google Chrome DevTools 官方說明文件(英文)
https://developer.chrome.com/articles/performance-insights/

=====================================================
行銷科技深度洞察社團 - GA4, SEO, GDS, CRM, CDP, 電商, 內容, 社群, 廣告
OpenCart 台灣技術支援 - OpenCart 網站代管、客製、維護
OpenCart 台灣電商社團 - 台灣 OpenCart 使用者交流
=====================================================