2012年10月8日

Google - 使用 PageSpeed Insights for Chrome 網頁效能分析工具

最近發現 Google 推出分析網頁速度的工具,當然 Chrome Developer Tools 其實也是非常夠用了,但是有些 Developer Tools 裡面常常隱藏了一些資訊是容易被自己忽略的,所以 PageSpeed Insights 似乎就是將 Developer Tools 裡面的資訊幫你整理分類,它甚至還會幫你的網頁評比分數呢,那就來介紹這個好用的工具。



PageSpeed Insights 這個工具其實有分為好幾種使用方式,不過今天要介紹的是為搭配 Chrome 使用的方式,所以 PageSpeed Insights 可以在 Chrome Web Store 下載,


把工具安裝好之後,檢查一下Chrome 的擴充功能是否有確實啟用,


接著我們來實際使用一下吧,到達想要測試的網頁之後,打開 Developer Tools 可以發現有 PageSpeed Insights 小圖示 ,點選分析之後 PageSpeed Insights 就會開始幫你分析並整理資料,


分析完之後,可以看到 Google 將網頁打了分數,左邊的項目列會將你的網頁需要改進的項目分為三個層級:高度優先、中度優先、低度優先,每個層級會再詳細的列出可改善的部分、與建議,以 Google 新聞頁面為分析對象例,如下圖:


以上就是 PageSpeed Insights 的使用方法,使用之後你可以發現 PageSpeed Insights 是著重於如何提升網頁速度、盡可能的減少無謂傳輸,對於深度剖析 JavaScript、Server 端程式的執行效能還是需要靠其他的方法來調整。



熱門文章