首先解釋一下, Pagespeed是Google宣布將把網站速度納入PR評估標準後發布的一個基於Firefox Firebug插件的一個網站優化工具,可以自動分析頁面內容,並提供非常詳細的優化建議。目前屬於Webmaster tools裡的試驗工具,大家可以在Webmaster tools的lab選單裡查看自己網站的速度評估。
點選Analyze Performance就可以分析目前的頁面了。
分析頁面後展開Optimize images項目,可以看到Pagespeed對目前頁面所有圖片的最佳化建議。 Google建議使用PNG格式的圖片,理由是PNG格式可以以比較小的容量無損壓縮圖片。事實上PNG格式不是在任何情況下都比內容相同的GIF格式小,但PNG格式對透明度支援比GIF好得多,對於IE6對透明PNG支援不好的解決方法,大家可以上網搜尋一下,這裡不多說了。
Pagespeed已經統計出頁面上所有圖片按照優化建議優化後將減少多少傳輸頻寬,並已經分別計算和對比了每個圖片的優化效果,真是細緻啊。點擊compressed version,Firefox會用新分頁開啟優化後的圖片,你可以用這個圖片取代先用的圖片,節省網站頻寬開銷,並加快網頁的開啟速度。
優化JS和CSS
展開Minify JavaScript和Minify CSS專案可以看到網站JavaScript和CSS的優化建議
大家都知道,JavaScript和CSS主要透過外鏈檔案的大小來達到優化的效果,Pagespeed的建議是採用YUI壓縮,並提供了幾個線上壓縮工具。但有了Pagespeed我們就不需要用那幾個工具了,點擊minified version馬上可以獲得壓縮後的JS和CSS文件,用來替換原來的文件吧!
後記
關於Pagespeed的使用展示介紹到這裡,更多的使用方法還有待大家去挖掘。從Google對PR的評定規則改變也可以反映出網站速度是網站優化的一個非常重要的環節。