最近去聽了D2 論壇,更加深刻體會到了網站性能對于使用者體驗的重要性。
慢500ms =Google使用者通路量降低20%
慢400ms=Yahoo! 使用者通路量降低5-9%
慢100ms=Amazon銷售額降低1%
散會後,不禁想看看自己網站的性能如何。自從把網站搬家到國外,還真有點擔心。通過Google網站管理者工具檢視網站性能,不禁大吃一驚:您網站的平均網頁載入時間為 20.2 秒。該站比99.7%的網站慢。

看來要動手優化一下了。先在自己的Firefox 浏覽器裡安裝了網站性能檢測工具Google Page Speed和Yslow。首先用YSlow來檢測一下通路網站首頁的大小。總共257.3KB。
再用Google Page Speed 看看有什麼可以改進的。從發現的問題來看,還是有不少的可以優化的地方。
由于技術能力和時間都很有限,隻能進行簡單的優化。我做了以下一些優化工作:
一、壓縮樣式圖檔
我并沒有用什麼高深的壓縮工具,隻是用Fireworks CS4批量處理了圖檔(沒有改變檔案類型),原來網站的主題的所有樣式圖檔有195KB, 優化後就減少了54.94KB。而且優化後的圖檔,肉眼根本看不出差別(至少我是沒看出來)。
二、啟動gzip 壓縮
由于我使用的虛拟主機,并沒有配置伺服器開啟gzip的權限。我隻能依靠Wordpress 的插件 GZIP Output。首頁頁面大小(Html/Text)減少了18.9KB。
但是,GZIP Output 隻能對于php 檔案進行壓縮,對于大部頭的CSS、JS 檔案都無法處理。我又下載下傳安裝了WP CSS 和WP JS 插件想分别對CSS 和 JS 檔案進行壓縮。不過,WP JS這個插件我沒搞懂怎麼用,WP CSS 倒是應用成功了。網站主題樣式表檔案從原來的23.5KB 變成了8.1KB,單就首頁來說又減少了15.4KB。
三、減少不必要的頁面元素
從頁面來看載入的js 來看,我有兩個Js是用來做網站通路統計的。一個是google analytics,另一個是piwik。權衡利弊我去掉了piwik的統計代碼,首頁大小又減少了8.3KB。
另外,網站頁腳的有個圖檔沒什麼作用。我幹脆給去掉了,首頁大小又減少5.66KB,。這樣做不僅可以減少頁面大小,還可以減少不必要的Http請求。
總結一下
真是不優化不知道,一優化吓一跳。優化後首頁大小從原來的257.3KB變成了154.0KB, 總優化數值為103.3KB,比原來頁面優化了40.15%。首頁的Http請求從原來的25個變為22個。具體優化明細如下:
經過了這一番優化,到底會對頁面載入時間産生什麼效果呢。讓我們使用Web Page Analyzer試試看,它可以模拟使用者在不同網絡情況下通路頁面載入時間。對比一下優化前後的情況,效果還是相當不錯的。主流帶寬的使用者首頁載入時間,從20.37秒優化到隻有不到3秒。
以上的優化工作其實不隻會對首頁有優化效果。因為整個網站用的是一個主題樣式,其他頁面也都得到了優化。至于整個網站的優化性能,我們還用文章開頭用的Google網站管理者工具來檢驗一下。到了一月份再通過它檢視網站性能,終于,得到了滿意的結果。“您網站的平均網頁載入時間為 2.6 秒(更新時間:2010-1-9)。 該網站比 57% 的網站快。”