前一篇的性能黃金法則（Performance Golden Rule）揭示了只有10%-20%的最終用戶響應時間花在接收所請求的HTML文檔上。剩下的80%-90%時間花在為HTMl文檔所引用的所有組件（圖片，腳本，樣式表，flash等）進行的http請求上。因此，改善響應時間的最簡單途徑就是減少組件的數量，并由此減少http請求的數量。

?

圖片地圖 Image Maps

圖片地圖（Image Maps）允許你在一個圖片上關聯多個url。目標url的選擇取決于用戶單擊了圖片上的哪個位置。

如果一個導航欄中有5副圖片，如果使用圖片地圖則可以更有效率，因為5個http請求被減少為1個http請求。響應時間將會降低，因為減少了http開銷。

CSS Sprites

css Sprites可以將多幅圖片合并為一幅單獨的圖片。

他的優點：通過合并圖片減少http請求，并且比圖片地圖更靈活。另外一個優點：減低了下載量。很多人會認為合并后的圖片會比分離的圖片總和要大，因為合并的圖片中包含有附加的空白區域。實際上，合并后的圖片會比分離的圖片的總和要小，這是因為他減低了圖片自身的開銷（顏色表，格式信息，等）。

如果需要在頁面中為背景，按鈕，導航欄，連接等提供大量圖片，css Sprites絕對是一種優秀的解決方案——干凈的標簽，很少的圖片和很短的響應時間。

內聯圖片 inline Images

?

合并腳本和樣式表 combined scripts and stylesheets

一般來說，使用外部腳本和樣式表對性能更有利。然而，如果遵循軟件工程師所推薦的方式和模塊化的原則將代碼分開放在多個小文件中，會降低性能，因為每個文件都會導致一個額外的http請求。

和圖片地圖及css Sprites的優點一樣，將這些單獨的文件合并到一個文件中，可以減少http請求的數量并縮短最終用戶的響應時間。

?

?

轉載于:https://www.cnblogs.com/gby630/archive/2008/12/16/1356299.html

總結

以上是生活随笔為你收集整理的《高性能网站建设指南》笔记-2 规则1——减少HTTP请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。