最近去聽了D2 論壇，更加深刻體會到了網(wǎng)站性能對于用戶體驗的重要性。

慢500ms =Google用戶訪問量降低20%
慢400ms=Yahoo! 用戶訪問量降低5-9%>
慢100ms=Amazon銷售額降低1%

散會后,不禁想看看自己網(wǎng)站的性能如何。自從把網(wǎng)站搬家到國外，還真有點擔心。通過Google網(wǎng)站管理員工具查看網(wǎng)站性能，不禁大吃一驚：您網(wǎng)站的平均網(wǎng)頁載入時間為 20.2 秒。該站比99.7%的網(wǎng)站慢。

看來要動手優(yōu)化一下了。先在自己的Firefox 瀏覽器里安裝了網(wǎng)站性能檢測工具Google Page Speed和Yslow。首先用YSlow來檢測一下訪問網(wǎng)站首頁的大小?？偣?57.3KB。

再用Google Page Speed 看看有什么可以改進的。從發(fā)現(xiàn)的問題來看，還是有不少的可以優(yōu)化的地方。

由于技術(shù)能力和時間都很有限，只能進行簡單的優(yōu)化。我做了以下一些優(yōu)化工作：

一、壓縮樣式圖片

我并沒有用什么高深的壓縮工具，只是用Fireworks CS4批量處理了圖片（沒有改變文件類型），原來網(wǎng)站的主題的所有樣式圖片有195KB, 優(yōu)化后就減少了54.94KB。而且優(yōu)化后的圖片，肉眼根本看不出區(qū)別（至少我是沒看出來）。

二、啟動gzip 壓縮

由于我使用的虛擬主機，并沒有配置服務(wù)器開啟gzip的權(quán)限。我只能依靠Wordpress 的插件 GZIP Output。首頁頁面大?。℉tml/Text）減少了18.9KB。

但是，GZIP Output 只能對于php 文件進行壓縮，對于大部頭的CSS、JS 文件都無法處理。我又下載安裝了WP CSS 和WP JS 插件想分別對CSS 和 JS 文件進行壓縮。不過，WP JS這個插件我沒搞懂怎么用，WP CSS 倒是應(yīng)用成功了。網(wǎng)站主題樣式表文件從原來的23.5KB 變成了8.1KB,單就首頁來說又減少了15.4KB。

三、減少不必要的頁面元素

從頁面來看載入的js 來看，我有兩個Js是用來做網(wǎng)站訪問統(tǒng)計的。一個是google analytics,另一個是piwik。權(quán)衡利弊我去掉了piwik的統(tǒng)計代碼，首頁大小又減少了8.3KB。

另外，網(wǎng)站頁腳的有個圖片沒什么作用。我干脆給去掉了，首頁大小又減少5.66KB,。這樣做不僅可以減少頁面大小，還可以減少不必要的Http請求。

總結(jié)一下

真是不優(yōu)化不知道，一優(yōu)化嚇一跳。優(yōu)化后首頁大小從原來的257.3KB變成了154.0KB, 總優(yōu)化數(shù)值為103.3KB,比原來頁面優(yōu)化了40.15%。首頁的Http請求從原來的25個變?yōu)?2個。具體優(yōu)化明細如下：

經(jīng)過了這一番優(yōu)化，到底會對頁面載入時間產(chǎn)生什么效果呢。讓我們使用Web Page Analyzer試試看，它可以模擬用戶在不同網(wǎng)絡(luò)情況下訪問頁面載入時間。對比一下優(yōu)化前后的情況，效果還是相當不錯的。主流帶寬的用戶首頁載入時間，從20.37秒優(yōu)化到只有不到3秒。

以上的優(yōu)化工作其實不只會對首頁有優(yōu)化效果。因為整個網(wǎng)站用的是一個主題樣式，其他頁面也都得到了優(yōu)化。至于整個網(wǎng)站的優(yōu)化性能，我們還用文章開頭用的Google網(wǎng)站管理員工具來檢驗一下。到了一月份再通過它查看網(wǎng)站性能，終于，得到了滿意的結(jié)果。“您網(wǎng)站的平均網(wǎng)頁載入時間為 2.6 秒（更新時間：2010-1-9）。 該網(wǎng)站比 57% 的網(wǎng)站快。”

最新評論