減少頁面上的組件數量
HTTP請求是瀏覽器要求查看您的頁面的方式。 當您的網頁加載到瀏覽器中時,瀏覽器會向網頁服務器發送一個HTTP請求,以獲取URL中的頁面。 然後,隨著HTML的交付,瀏覽器解析它並尋找額外的圖像,腳本, CSS ,Flash等請求。
每次它看到一個新元素的請求時,它都會向服務器發送另一個HTTP請求。 越多的圖片,腳本,CSS,Flash等等,您的頁面的請求越多,頁面加載速度越慢。 減少頁面上HTTP請求數量的最簡單方法是不使用許多(或任何)圖像,腳本,CSS,Flash等。但僅僅是文本的頁面很無聊。
如何在不破壞設計的情況下減少HTTP請求
幸運的是,有幾種方法可以減少HTTP請求的數量,同時保持高質量,豐富的網頁設計。
- 合併文件 - 使用外部樣式表和腳本對於阻止他們停止頁面加載時間非常重要,但不要有多個CSS和一個腳本文件。
- 使用CSS Sprites - 當您將大部分或全部圖像合併為一個精靈時,您可以將多個圖像請求轉換為一個。 然後,您只需使用background-image CSS屬性來顯示您需要的圖像部分。
- 圖像地圖 - 圖像地圖不像以前那麼受歡迎,但是當你有連續的圖像時,他們可以將多個HTTP圖像請求減少到只有一個。
使用緩存來改善內部頁面加載時間
通過使用CSS sprites和組合CSS和腳本文件,您還可以縮短內部頁面的加載時間。 例如,如果您有一個包含內部頁面元素以及著陸頁的精靈圖像,那麼當您的讀者轉到這些內部頁面時,圖像已經下載並存儲在緩存中 。 所以他們不需要HTTP請求來將這些圖像加載到你的內頁上。