讓網(wǎng)站訪問(wèn)速度更快的方法

2013-06-24    分類: 網(wǎng)站建設(shè)

最近去聽(tīng)了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)化工作:

一、壓縮樣式圖片

我并沒(méi)有用什么高深的壓縮工具,只是用Fireworks CS4批量處理了圖片(沒(mé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)站訪問(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試試看,它可以模擬用戶在不同網(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)化性能,我們還用文章開(kāi)頭用的Google網(wǎng)站管理員工具來(lái)檢驗(yàn)一下。到了一月份再通過(guò)它查看網(wǎng)站性能,終于,得到了滿意的結(jié)果?!?/p>

標(biāo)題名稱:讓網(wǎng)站訪問(wèn)速度更快的方法
文章地址:http://www.muchs.cn/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)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)