最近去聽(tīng)了D2 論壇，更加深刻體會(huì)到了網(wǎng)站性能對(duì)于用戶(hù)體驗(yàn)的重要性。

慢500ms =Google用戶(hù)訪(fǎng)問(wèn)量降低20%

慢400ms=Yahoo! 用戶(hù)訪(fǎng)問(wèn)量降低5-9%>

慢100ms=Amazon銷(xiāo)售額降低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è)一下訪(fǎng)問(wèn)網(wǎng)站首頁(yè)的大小?？偣?57.3KB。

再用Google Page Speed 看看有什么可以改進(jìn)的。從發(fā)現(xiàn)的問(wèn)題來(lái)看，還是有不少的可以?xún)?yōu)化的地方。

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

一、壓縮樣式圖片

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

二、啟動(dòng)gzip 壓縮

由于我使用的虛擬主機(jī)，并沒(méi)有配置服務(wù)器開(kāi)啟gzip的權(quán)限。我只能依靠Wordpress 的插件 GZIP Output。首頁(yè)頁(yè)面大?。℉tml/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è)插件我沒(méi)搞懂怎么用，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)站訪(fǎng)問(wèn)統(tǒng)計(jì)的。一個(gè)是google analytics,另一個(gè)是piwik。權(quán)衡利弊我去掉了piwik的統(tǒng)計(jì)代碼，首頁(yè)大小又減少了8.3KB。

另外，網(wǎng)站頁(yè)腳的有個(gè)圖片沒(méi)什么作用。我干脆給去掉了，首頁(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試試看，它可以模擬用戶(hù)在不同網(wǎng)絡(luò)情況下訪(fǎng)問(wèn)頁(yè)面載入時(shí)間。對(duì)比一下優(yōu)化前后的情況，效果還是相當(dāng)不錯(cuò)的。主流帶寬的用戶(hù)首頁(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)化性能，我們還用文章開(kāi)頭用的Google網(wǎng)站管理員工具來(lái)檢驗(yàn)一下。到了一月份再通過(guò)它查看網(wǎng)站性能，終于，得到了滿(mǎn)意的結(jié)果?！?/p>

標(biāo)題名稱(chēng)：讓網(wǎng)站訪(fǎng)問(wèn)速度更快的方法
文章地址：http://aaarwkj.com/news/15767.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、軟件開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、企業(yè)建站、App開(kāi)發(fā)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)