用Pagespeed工具優化你的網站

　　首先解釋一下，Pagespeed是Google宣布將把網站速度納入PR評估標準后發布的一個基于Firefox Firebug插件的一個網站優化工具，可以自動分析頁面內容，并提供非常詳細的優化建議。目前屬于Webmaster tools里的一個試驗性工具，大家可以在Webmaster tools的lab菜單里查看自己網站的速度評估。使用截圖如下。

　　點擊Analyze Performance就可以分析當前的頁面了。

　　優化圖片

　　分析頁面后展開Optimize images項目，可以看到Pagespeed對當前頁面所有圖片的優化建議。Google建議使用PNG格式的圖片，理由是PNG格式可以以比較小的容量無損壓縮圖片。事實上PNG格式不是在任何情況下都比內容相同的GIF格式小，但PNG格式對透明度支持比GIF好得多，對于IE6對透明PNG支持不好的解決方法，大家可以上網搜索一下，這里不多說了。

　　例如，http://blog.imbolo.com的圖片優化建議如下圖：

　　Pagespeed已經統計出頁面上所有圖片按照優化建議優化后將減少多少傳輸帶寬，并已經分別計算和對比了每個圖片的優化效果，真是細致啊。點擊compressed version，Firefox會用新選項卡打開優化后的圖片，你可以用這個圖片替換先用的圖片，節約網站帶寬開銷，并加快網頁的打開速度。

　　優化JS和CSS

　　展開Minify JavaScript和Minify CSS項目可以看到網站JavaScript和CSS的優化建議，如下圖：

　　大家都知道，JavaScript和CSS主要通過外鏈文件的大小來達到優化的效果，Pagespeed的建議是采用YUI壓縮，并提供了幾個在線壓縮工具。但有了Pagespeed我們就不需要用那幾個工具了，點擊minified version馬上可以獲得壓縮后的JS和CSS文件，用來替換原來的文件吧!

　　后記

　　關于Pagespeed的使用展示介紹到這里，更多的使用方法還有待大家去挖掘。從Google對PR的評定規則改變也可以反映出網站速度是網站優化的一個非常重要的環節。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈