PageSpeed Insights 這個工具其實有分為好幾種使用方式,不過今天要介紹的是為搭配 Chrome 使用的方式,所以 PageSpeed Insights 可以在 Chrome Web Store 下載,
把工具安裝好之後,檢查一下Chrome 的擴充功能是否有確實啟用,
接著我們來實際使用一下吧,到達想要測試的網頁之後,打開 Developer Tools 可以發現有 PageSpeed Insights 小圖示 ,點選分析之後 PageSpeed Insights 就會開始幫你分析並整理資料,
分析完之後,可以看到 Google 將網頁打了分數,左邊的項目列會將你的網頁需要改進的項目分為三個層級:高度優先、中度優先、低度優先,每個層級會再詳細的列出可改善的部分、與建議,以 Google 新聞頁面為分析對象例,如下圖:
以上就是 PageSpeed Insights 的使用方法,使用之後你可以發現 PageSpeed Insights 是著重於如何提升網頁速度、盡可能的減少無謂傳輸,對於深度剖析 JavaScript、Server 端程式的執行效能還是需要靠其他的方法來調整。