最近去聽了D2 論壇，更加深刻體會(huì)到了網(wǎng)站性能對(duì)于用戶體驗(yàn)的重要性。
慢500ms =Google用戶訪問(wèn)量降低20%
慢400ms=Yahoo! 用戶訪問(wèn)量降低5-9%>
慢100ms=Amazon銷售額降低1%
散會(huì)后,不禁想看看自己網(wǎng)站的性能如何。自從把網(wǎng)站搬家到國(guó)外，還真有點(diǎn)擔(dān)心。通過(guò)Google網(wǎng)站管理員工具查看網(wǎng)站性能，不禁大吃一驚：您網(wǎng)站的平均網(wǎng)頁(yè)載入時(shí)間為 20.2 秒。該站比99.7%的網(wǎng)站慢。
看來(lái)要?jiǎng)邮謨?yōu)化一下了。先在自己的Firefox 瀏覽器里安裝了網(wǎng)站性能檢測(cè)工具Google Page Speed和Yslow。首先用YSlow來(lái)檢測(cè)一下訪問(wèn)網(wǎng)站首頁(yè)的大小?？偣?57.3KB。
再用Google Page Speed 看看有什么可以改進(jìn)的。從發(fā)現(xiàn)的問(wèn)題來(lái)看，還是有不少的可以優(yōu)化的地方。
由于技術(shù)能力和時(shí)間都很有限，只能進(jìn)行簡(jiǎn)單的優(yōu)化。我做了以下一些優(yōu)化工作：
一、壓縮樣式圖片
我并沒有用什么高深的壓縮工具，只是用Fireworks CS4批量處理了圖片（沒有改變文件類型），原來(lái)網(wǎng)站的主題的所有樣式圖片有195KB, 優(yōu)化后就減少了54.94KB。而且優(yōu)化后的圖片，肉眼根本看不出區(qū)別（至少我是沒看出來(lái)）。
二、啟動(dòng)gzip 壓縮
由于我使用的虛擬主機(jī)，并沒有配置服務(wù)器開啟gzip的權(quán)限。我只能依靠Wordpress 的插件 GZIP Output。首頁(yè)頁(yè)面大小（Html/Text）減少了18.9KB。
但是，GZIP Output 只能對(duì)于php 文件進(jìn)行壓縮，對(duì)于大部頭的CSS、JS 文件都無(wú)法處理。我又下載安裝了WP CSS 和WP JS 插件想分別對(duì)CSS 和 JS 文件進(jìn)行壓縮。不過(guò)，WP JS這個(gè)插件我沒搞懂怎么用，WP CSS 倒是應(yīng)用成功了。網(wǎng)站主題樣式表文件從原來(lái)的23.5KB 變成了8.1KB,單就首頁(yè)來(lái)說(shuō)又減少了15.4KB。
三、減少不必要的頁(yè)面元素
從頁(yè)面來(lái)看載入的js 來(lái)看，我有兩個(gè)Js是用來(lái)做網(wǎng)站訪問(wèn)統(tǒng)計(jì)的。一個(gè)是google analytics,另一個(gè)是piwik。權(quán)衡利弊我去掉了piwik的統(tǒng)計(jì)代碼，首頁(yè)大小又減少了8.3KB。
另外，網(wǎng)站頁(yè)腳的有個(gè)圖片沒什么作用。我干脆給去掉了，首頁(yè)大小又減少5.66KB,。這樣做不僅可以減少頁(yè)面大小，還可以減少不必要的Http請(qǐng)求。
總結(jié)一下
真是不優(yōu)化不知道，一優(yōu)化嚇一跳。優(yōu)化后首頁(yè)大小從原來(lái)的257.3KB變成了154.0KB, 總優(yōu)化數(shù)值為103.3KB,比原來(lái)頁(yè)面優(yōu)化了40.15%。首頁(yè)的Http請(qǐng)求從原來(lái)的25個(gè)變?yōu)?2個(gè)。具體優(yōu)化明細(xì)如下：
經(jīng)過(guò)了這一番優(yōu)化，到底會(huì)對(duì)頁(yè)面載入時(shí)間產(chǎn)生什么效果呢。讓我們使用Web Page Analyzer試試看，它可以模擬用戶在不同網(wǎng)絡(luò)情況下訪問(wèn)頁(yè)面載入時(shí)間。對(duì)比一下優(yōu)化前后的情況，效果還是相當(dāng)不錯(cuò)的。主流帶寬的用戶首頁(yè)載入時(shí)間，從20.37秒優(yōu)化到只有不到3秒。
以上的優(yōu)化工作其實(shí)不只會(huì)對(duì)首頁(yè)有優(yōu)化效果。因?yàn)檎麄€(gè)網(wǎng)站用的是一個(gè)主題樣式，其他頁(yè)面也都得到了優(yōu)化。至于整個(gè)網(wǎng)站的優(yōu)化性能，我們還用文章開頭用的Google網(wǎng)站管理員工具來(lái)檢驗(yàn)一下。到了一月份再通過(guò)它查看網(wǎng)站性能，終于，得到了滿意的結(jié)果。“您網(wǎng)站的平均網(wǎng)頁(yè)載入時(shí)間為 2.6 秒（更新時(shí)間：2010-1-9）。 該網(wǎng)站比 57% 的網(wǎng)站快。”
