如何有效提高網(wǎng)頁(yè)打開速度

發(fā)布時(shí)間: 2010.10.26.瀏覽數(shù)：3875 新聞編輯：【三行網(wǎng)絡(luò) - 廣州網(wǎng)站建設(shè)公司www.stevenmarcscott.com】

, 廣州網(wǎng)站建設(shè)www.stevenmarcscott.com三行網(wǎng)絡(luò) 為您詳細(xì)介紹 - 請(qǐng)往下閱讀》

如何有效提高網(wǎng)頁(yè)打開速度：

內(nèi)容再豐富的網(wǎng)站，如果慢到無(wú)法訪問(wèn)也是毫無(wú)意義的； SEO做的再好的網(wǎng)站，如果搜索蜘蛛抓不到也是白搭； UE設(shè)計(jì)的再人性化的網(wǎng)站，如果用戶連看都看不到也是空談。

所以網(wǎng)頁(yè)的效率絕對(duì)是最值得關(guān)注的方面。如何才能提高一個(gè)網(wǎng)頁(yè)的效率呢？

第一條：Make Fewer HTTP Requests 盡可能的減少HTTP的Request請(qǐng)求數(shù)。

80%的用戶響應(yīng)時(shí)間都是浪費(fèi)在前端。而這些時(shí)間主要又是因?yàn)橄螺d圖片、樣式表、JavaScript腳本、flash等文件造成的。減少這些資源文件的Request請(qǐng)求數(shù)將是提高網(wǎng)頁(yè)顯示效率的重點(diǎn)。

這里好像有個(gè)矛盾，就是如果我減少了很多的圖片，樣式，腳本或者flash，那么網(wǎng)頁(yè)豈不是光禿禿的，那多難看呢？其實(shí)這是一個(gè)誤解。我們只是說(shuō)盡量的減少，并沒有說(shuō)完全不能使用。減少這些文件的Request請(qǐng)求數(shù)，當(dāng)然也有一些技巧和建議的：

1、用一個(gè)大圖片代替多個(gè)小圖片。

這的確有點(diǎn)顛覆傳統(tǒng)的思維了。以前我們一直以為多個(gè)小圖片的下載速度之和會(huì)小于一個(gè)大圖片的下載速度。但是現(xiàn)在利用httpwatch工具的對(duì)多個(gè)頁(yè)面進(jìn)行分析后的結(jié)果表明事實(shí)并不是這樣。

第一張圖是一個(gè)大小為40528bytes的337*191px的大圖片的分析結(jié)果。

第二張圖是一個(gè)大小為13883bytes的280*90px的小圖片的分析結(jié)果。

一個(gè)大小為40528bytes的337*191px的大圖片的分析結(jié)果

一個(gè)大小為13883bytes的280*90px的小圖片的分析結(jié)果

第一張大圖片花費(fèi)時(shí)間為：

Blocked：13.034s
Send：0.001s
Wait：0.163s
Receive：4.596s
TTFB：0.164s
NetWork：4.760s
功耗時(shí)：17.795s

真正用于傳輸大文件花費(fèi)的時(shí)間為Reveive時(shí)間，即4.596s，多數(shù)的時(shí)間是用來(lái)檢索緩存和確定鏈接是否有效的Blocked時(shí)間，供花費(fèi)13.034s，占總時(shí)間的73.2%。

第二張小圖片花費(fèi)時(shí)間為：

Blocked：16.274s
Send：小于0.001s
Wait：0.117s
Receive：0.397s
TTFB：0.118s
NetWork：0.516s
功耗時(shí)：16.790s

真正用于傳輸文件的花費(fèi)時(shí)間是Reveive時(shí)間，即0.397s，這的確要比剛才大文件的4.596s小很多。但是他的Blocked時(shí)間為16.274s，占總時(shí)間的97%。

如果這些數(shù)據(jù)還不夠說(shuō)服你的話，讓我們看看下面這張圖。這里列出了某個(gè)網(wǎng)頁(yè)中所有圖片中的花費(fèi)時(shí)間示意圖。當(dāng)然，里面的圖片有大有小，規(guī)格不一。

大約80%以上的時(shí)間是用來(lái)檢索緩存和確定鏈接是否有效的Blocked時(shí)間。

其中藏青色的為傳輸文件花費(fèi)的Reveive時(shí)間，而前面白色的為檢索緩存和確認(rèn)鏈接是否有效的Blocked時(shí)間。鐵一樣的事實(shí)告訴我們：

大文件和小文件下載所需時(shí)間的確是不同的，差異的絕對(duì)值不大。而且下載所需時(shí)間占總耗費(fèi)時(shí)間比例很小。

大約80%以上的時(shí)間是用來(lái)檢索緩存和確定鏈接是否有效的Blocked時(shí)間。無(wú)論文件大小，這個(gè)時(shí)間的花費(fèi)大致是相同的。而且所占總耗費(fèi)時(shí)間的比例是極大的。

一個(gè)100k的大圖片總耗費(fèi)時(shí)間絕對(duì)大于4個(gè)25k的小圖片的總耗費(fèi)時(shí)間。而且主要差別就是4個(gè)小圖片的Blocked時(shí)間絕對(duì)大于1個(gè)大圖片的Blocked時(shí)間。

所以如果可能還是使用大圖片來(lái)替代過(guò)多的瑣碎的小圖片吧。這也是為什么翻轉(zhuǎn)門的效率要高于圖片替換實(shí)現(xiàn)的滑動(dòng)門的原因。

但是，請(qǐng)注意：也不能用太大的單張圖片，因?yàn)槟菢訒?huì)影響到用戶體驗(yàn)。例如個(gè)幾兆的背景圖片的使用絕對(duì)不是一個(gè)好主意。

本文由廣州網(wǎng)站建設(shè)公司-三行網(wǎng)絡(luò)原創(chuàng)，轉(zhuǎn)載請(qǐng)保留版權(quán)（廣州網(wǎng)站建設(shè)www.stevenmarcscott.com ）三行網(wǎng)絡(luò)——專注于企業(yè)網(wǎng)站建設(shè)、響應(yīng)式營(yíng)銷型網(wǎng)站定制，歡迎來(lái)電咨詢！熱線：020-85628720、15915767698

標(biāo)簽：

上一篇：阿里巴巴首推網(wǎng)絡(luò)批發(fā)市場(chǎng) 下一篇：谷歌分析-跟蹤關(guān)鍵詞競(jìng)價(jià)廣告(做網(wǎng)站)

久久久久久久综合日本91_精品人妻无码在中文字幕_国产欧美国产精品第二区_在线观看免费无码视频幕

如何有效提高網(wǎng)頁(yè)打開速度

發(fā)布時(shí)間: 2010.10.26.瀏覽數(shù)：3875 新聞編輯：【三行網(wǎng)絡(luò) - 廣州網(wǎng)站建設(shè)公司www.stevenmarcscott.com】

標(biāo)簽：

客官留步！GO！圍觀下三合一網(wǎng)站！

客官留步！GO！圍觀下三合一網(wǎng)站！