如何減少HTTP請求次數(shù)




終端用戶響應的時間中,有80%用于下載各項內容。這部分時間包括下載頁面中的圖像、樣式表、腳本、Flash等。通過減少頁面中的元素可以減少 HTTP請求的次數(shù)。這是提高網(wǎng)頁速度的關鍵步驟。
減少頁面組件的方法其實就是簡化頁面設計。那么有沒有一種方法既能保持頁面內容的豐富性又能達到加快響應時間的目的呢?這里有幾條減少HTTP請求次數(shù)同時又可能保持頁面內容豐富的技術。
合并文件是通過把所有的腳本放到一個文件中來減少HTTP請求的方法,如可以簡單地把所有的CSS文件都放入一個樣式表中。當腳本或者樣式表在不同頁面中使用時需要做不同的修改,這可能會相對麻煩點,但即便如此也要把這個方法作為改善頁面性能的重要一步。
CSS Sprites是減少圖像請求的有效方法。把所有的背景圖像都放到一個圖片文件中,然后通過CSS的background-image和 background-position屬性來顯示圖片的不同部分;
圖片地圖是把多張圖片整合到一張圖片中。雖然文件的總體大小不會改變,但是可以減少HTTP請求次數(shù)。圖片地圖只有在圖片的所有組成部分在頁面中是緊挨在 一起的時候才能使用,如導航欄。確定圖片的坐標和可能會比較繁瑣且容易出錯,同時使用圖片地圖導航也不具有可讀性,因此不推薦這種方法;
內聯(lián)圖像是使用data:URL scheme的方法把圖像數(shù)據(jù)加載頁面中。這可能會增加頁面的大小。把內聯(lián)圖像放到樣式表(可緩存)中可以減少HTTP請求同時又避免增加頁面文件的大小。但是內聯(lián)圖像現(xiàn)在還沒有得到主流瀏覽器的支持。
減少頁面的HTTP請求次數(shù)是你首先要做的一步。這是改進首次訪問用戶等待時間的最重要的方法。HTTP請求在無緩存情況下占去了40%到60%的響應時間。讓那些初次訪問你網(wǎng)站的人獲得更加快速的體驗吧!