亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > 綜合 > 正文

高性能WEB開發 為什么要減少請求數，如何減少請求數!

2024-07-21 02:02:18
字體：大 中 小
來源：轉載
供稿：網友
http請求頭的數據量

我們先分析下請求頭，看看每次請求都帶了那些額外的數據.下面是監控的google的請求頭

Host www.google.com.hk
User-Agent Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 GTBDFff GTB7.0
Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language zh-cn,en-us;q=0.7,en;q=0.3
Accept-Encoding gzip,deflate
Accept-Charset ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive 115
Proxy-Connection keep-alive


返回的response head

Date Sat, 17 Apr 2010 08:18:18 GMT
Expires -1
Cache-Control private, max-age=0
Content-Type text/html; charset=UTF-8
Set-Cookie PREF=ID=b94a24e8e90a0f50:NW=1:TM=1271492298:LM=1271492298:S=JH7CxsIx48Zoo8Nn; expires=Mon, 16-Apr-2012 08:18:18 GMT; path=/; domain=.google.com.hk NID=33=EJVyLQBv2CSgpXQTq8DLIT2JQ4aCAE9YKkU2x-h4hVw_ATrGx7njA69UUBMbzVHVnkAOe_jlGGzOoXhQACSFDP1i53C8hWjRTJd0vYtRNWhGYGv491mwbngkT6LCYbvg; expires=Sun, 17-Oct-2010 08:18:18 GMT; path=/; domain=.google.com.hk; HttpOnly
Content-Encoding gzip
Server gws

Content-Length 4344


這里發送的請求頭的大小大概420 bytes，返回的請求頭大概 600 bytes。

可見每次請求都會帶上一些額外的信息進行傳輸(這次請求中還沒有帶cookie)，當請求的資源很小，比如1個不到1k的圖標，可能request帶的數據比實際圖標的數據量還大。

所以當請求越多的時候，在網絡上傳輸的數據自然就多，傳輸速度自然就慢了。

其實request自帶的數據量還是小問題，畢竟request能帶的數據量還是有限的。

http連接的開銷


相比request頭部多余的數據，http連接的開銷則更加嚴重。先看看從用戶輸入1個URL到下載內容到客戶端需要經過哪些階段：

1. 域名解析
2. 開啟TCP連接
3. 發送請求
4. 等待(主要包括網絡延遲和服務器處理時間)
5. 下載資源

可能很多人認為每次請求大部分時間都花在下載資源上，讓我們看看blogjava資源下載瀑布圖(每種顏色代表的階段與上面5個階段對應)：

看了上圖你可能驚訝，花費在等待階段的時間比實際下載的時間要多的多，上圖告訴我們：
1. 每次請求花費的大部分時間在其他階段，而不是在下載資源階段
2. 再小的資源照樣會花費很多時間在其他階段，只是下載階段會比較短(見上圖的第6個資源，才284Byte)。

正對上面提到的2種情況，我們應該要怎么進行優化了？減少請求數來減少其他階段的花銷和網絡中傳輸的數據。

如何減少請求數

1、合并文件
合并文件就是把很多JS文件合并成1個文件，很多CSS文件合并成1個文件，這種方法應該很多人用到過，這里不做詳細介紹，
只推薦1個合并的工具：yuiCompressor 這個工具yahoo提供的。 http://developer.yahoo.com/yui/compressor/

2、合并圖片
這是利用css sprite，通過控制背景圖片的位置來顯示不同的圖片。這種技術也是大家都用過的，不做詳細介紹，推薦1個在線合并圖片的網站:http://csssprites.com/

3、把JS、CSS合并到1個文件
上面第1種方法說的只是把幾個JS文件合并成1個JS文件，幾個CSS文件合并成1個CSS文件，哪如何把CSS和JS都合并到1個文件中，見我的另1篇文章:
http://www.blogjava.net/BearRui/archive/2010/04/18/combin_css_js.html

4、使用Image maps
Image maps 是把多個圖片合并成1個圖片，然后使用html中的<map>標簽連接圖片，并實現點擊圖片不同的區域執行不同的動作，image map在導航條中比較容易使用到。
image map的使用方法見： http://www.w3.org/TR/html401/struct/objects.html#h-13.6

5、data嵌入圖片
這種方法把圖片進行編碼直接嵌入到html中進行使用，以減少HTTP請求，但這個會增加HTML頁面的大小，而且這樣嵌入的圖片不能緩存。見下面這個圖片：


上面的圖片就是把圖片進行base64編碼后使用data:嵌入到html中，代碼如下(后面的省略了，大家可以查看源代碼看)：
<IMG SRC="data:image/gif;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QAWRXhpZgAASUkqAAgAA......">


其中google的視頻搜索中，搜索出來的視頻縮略圖就都是使用嵌入的圖片的，見下圖：



以上幾種方法在都有利有弊，在不同情況下可以選擇不同的使用方式，比如使用data嵌入圖片雖然減少了請求數，但會增加頁面大小。


所以微軟的bing搜索在用戶第一次訪問的時候使用data嵌入圖片，然后后臺懶加載真真的圖片，以后訪問就直接使用緩存的圖片，而不使用data。

[聲明] 轉載請注明出處:http://www.blogjava.net/BearRui/。 禁止商用!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
www.精品av.com| 国产成人涩涩涩视频在线观看| 久久久免费精品| 精品久久久久久久中文字幕| 亚洲一区美女视频在线观看免费| 国产精品第2页| 亚洲一区免费网站| 久久99久国产精品黄毛片入口| 久久久国产精品x99av| 国内精品久久久| 亚洲天堂一区二区三区| 精品国产乱码久久久久久虫虫漫画| 97香蕉超级碰碰久久免费软件| 国产精品天天狠天天看| 日本一区二区三区在线播放| 精品国产乱码久久久久久虫虫漫画| 久久久久亚洲精品国产| 97国产在线观看| 精品视频一区在线视频| 欧美国产视频日韩| 欧美激情一区二区三区久久久| 亚洲精品狠狠操| 中文字幕欧美精品在线| 欧美激情伊人电影| 日韩在线www| 亚洲成人精品在线| 亚洲午夜色婷婷在线| 日韩av在线播放资源| 在线国产精品视频| 精品久久久久久久中文字幕| 亚洲人成77777在线观看网| 久久久国产视频91| 深夜福利日韩在线看| 国产日韩欧美日韩大片| 欧美电影免费观看高清| 精品久久久久久中文字幕大豆网| 中文字幕视频在线免费欧美日韩综合在线看| 欧美午夜精品伦理| 国产一区二区三区在线播放免费观看| 成人国产精品av| 欧美精品久久久久久久久| 色悠悠久久久久| 日韩高清欧美高清| 日韩欧美国产成人| 日韩专区在线观看| 91欧美日韩一区| 亚洲激情在线视频| 亚洲老板91色精品久久| 欧美激情综合色综合啪啪五月| 国外成人性视频| 8050国产精品久久久久久| 亚洲自拍小视频| 欧美美最猛性xxxxxx| 国产欧美日韩精品丝袜高跟鞋| 国产精品白丝jk喷水视频一区| 精品福利一区二区| 日韩免费观看在线观看| 色综合伊人色综合网| 久久国产精品久久久久久| 综合136福利视频在线| 91色视频在线导航| 激情av一区二区| 国产精品自产拍在线观看中文| 粗暴蹂躏中文一区二区三区| 日韩av黄色在线观看| 色伦专区97中文字幕| 中文字幕久热精品视频在线| 国产丝袜一区二区| 精品久久久久久国产91| 国产91露脸中文字幕在线| 欧美成人精品影院| 福利微拍一区二区| 欧美交受高潮1| 51久久精品夜色国产麻豆| 51色欧美片视频在线观看| 国产精品一区二区三区久久| 91精品国产高清久久久久久91| 中文字幕在线看视频国产欧美| 欧洲精品久久久| 亚洲第一网站男人都懂| 97精品一区二区视频在线观看| 美女久久久久久久久久久| 中文字幕日韩精品有码视频| 久久影院资源站| 中文字幕日本精品| 欧美成人精品影院| 久久久精品影院| 成人av色在线观看| 91在线免费观看网站| 在线视频免费一区二区| 中文字幕国产精品久久| 欧美日韩在线视频一区| 日韩精品欧美国产精品忘忧草| 精品人伦一区二区三区蜜桃免费| 福利视频一区二区| 成人在线播放av| 久久久久久尹人网香蕉| 亚洲精品少妇网址| 欧美一区在线直播| 一本色道久久综合亚洲精品小说| 亚洲成人av在线播放| 国内精品一区二区三区| 一本色道久久88综合亚洲精品ⅰ| 精品小视频在线| 精品无人区太爽高潮在线播放| 日韩激情第一页| 在线精品高清中文字幕| 欧美一级bbbbb性bbbb喷潮片| 欧美日韩一区二区在线| 亚洲欧美国产精品专区久久| 欧美成年人网站| 国产精品免费一区二区三区都可以| 久久6精品影院| 久久成人18免费网站| 国产91露脸中文字幕在线| 一本色道久久综合狠狠躁篇怎么玩| 欧美成人午夜剧场免费观看| 国产成人精品免高潮在线观看| 欧美午夜片在线免费观看| 亚洲国产中文字幕久久网| 欧美日韩国产91| 日韩欧美视频一区二区三区| 国产精品9999| 4438全国亚洲精品在线观看视频| 亚洲天堂男人的天堂| 亚洲人成电影网站| 亚洲精品女av网站| 久久91精品国产91久久久| 欧美二区在线播放| 久久久视频免费观看| 久久免费精品日本久久中文字幕| 中文字幕一精品亚洲无线一区| 国产精品久久久久久久久粉嫩av| 成人国产精品日本在线| 欧美理论在线观看| 国产精品白丝jk喷水视频一区| www.日本久久久久com.| 欧美美女15p| 91麻豆国产精品| 成人福利视频网| 国产精品美女久久| 日韩精品福利在线| 亚洲精品mp4| 亚洲欧美综合另类中字| 欧美黑人性生活视频| 亚洲午夜精品视频| www国产亚洲精品久久网站| 国产精品igao视频| 欧美在线一级va免费观看| 欧美午夜激情在线| 国产精品99久久久久久久久| 国产午夜精品一区理论片飘花| 国产精品99久久99久久久二8| 都市激情亚洲色图| 韩日精品中文字幕| 国产女同一区二区| 91精品国产自产在线观看永久| 蜜月aⅴ免费一区二区三区| 久久精品免费电影| 国产精品video| 自拍偷拍亚洲在线| 欧美一区二区色| 国产精品久久久久久中文字| 欧美成人sm免费视频|