在线观看ww亚洲精品_青青青青爽在线播放视频_国内精品伊人久久久久妇_午夜视频在线观看毛片

 

NEWS

建站資訊

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

發(fā)布時間: 2010.10.26.瀏覽數(shù)：3750 新聞編輯：【三行網(wǎng)絡 - 廣州網(wǎng)站建設公司huiduochem.com】
, 廣州網(wǎng)站建設huiduochem.com三行網(wǎng)絡 為您詳細介紹 - 請往下閱讀》

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

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

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

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

80%的用戶響應時間都是浪費在前端。而這些時間主要又是因為下載圖片、樣式表、JavaScript腳本、flash等文件造成的。減少這些資源文件的Request請求數(shù)將是提高網(wǎng)頁顯示效率的重點。

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

1、用一個大圖片代替多個小圖片。

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

第一張圖是一個大小為40528bytes的337*191px的大圖片的分析結果。

第二張圖是一個大小為13883bytes的280*90px的小圖片的分析結果。


一個大小為40528bytes的337*191px的大圖片的分析結果


一個大小為13883bytes的280*90px的小圖片的分析結果

第一張大圖片花費時間為：

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

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

第二張小圖片花費時間為：

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

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

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

大約80%以上的時間是用來檢索緩存和確定鏈接是否有效的Blocked時間。

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

大文件和小文件下載所需時間的確是不同的，差異的絕對值不大。而且下載所需時間占總耗費時間比例很小。

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

一個100k的大圖片總耗費時間絕對大于4個25k的小圖片的總耗費時間。而且主要差別就是4個小圖片的Blocked時間絕對大于1個大圖片的Blocked時間。

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

但是，請注意：也不能用太大的單張圖片，因為那樣會影響到用戶體驗。例如個幾兆的背景圖片的使用絕對不是一個好主意。

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

標簽：

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

有想法，想做網(wǎng)站。別光想，GO ! GO !GO !說出的您的需求，剩下的交給我們??！
建網(wǎng)站咨詢+