終端用戶響應(yīng)的時(shí)間中，有80%用于下載各項(xiàng)內(nèi)容。這部分時(shí)間包括下載頁面中的圖像、樣式表、腳本、Flash等。通過減少頁面中的元素可以減少 HTTP請求的次數(shù)。這是提高網(wǎng)頁速度的關(guān)鍵步驟。

　　減少頁面組件的方法其實(shí)就是簡化頁面設(shè)計(jì)。那么有沒有一種方法既能保持頁面內(nèi)容的豐富性又能達(dá)到加快響應(yīng)時(shí)間的目的呢?這里有幾條減少HTTP請求次數(shù)同時(shí)又可能保持頁面內(nèi)容豐富的技術(shù)。

　　合并文件是通過把所有的腳本放到一個(gè)文件中來減少HTTP請求的方法，如可以簡單地把所有的CSS文件都放入一個(gè)樣式表中。當(dāng)腳本或者樣式表在不同頁面中使用時(shí)需要做不同的修改，這可能會(huì)相對麻煩點(diǎn)，但即便如此也要把這個(gè)方法作為改善頁面性能的重要一步。

　　CSS Sprites是減少圖像請求的有效方法。把所有的背景圖像都放到一個(gè)圖片文件中，然后通過CSS的background-image和 background-position屬性來顯示圖片的不同部分;

　　圖片地圖是把多張圖片整合到一張圖片中。雖然文件的總體大小不會(huì)改變，但是可以減少HTTP請求次數(shù)。圖片地圖只有在圖片的所有組成部分在頁面中是緊挨在 一起的時(shí)候才能使用，如導(dǎo)航欄。確定圖片的坐標(biāo)和可能會(huì)比較繁瑣且容易出錯(cuò)，同時(shí)使用圖片地圖導(dǎo)航也不具有可讀性，因此不推薦這種方法;

　　內(nèi)聯(lián)圖像是使用data:URL scheme的方法把圖像數(shù)據(jù)加載頁面中。這可能會(huì)增加頁面的大小。把內(nèi)聯(lián)圖像放到樣式表(可緩存)中可以減少HTTP請求同時(shí)又避免增加頁面文件的大小。但是內(nèi)聯(lián)圖像現(xiàn)在還沒有得到主流瀏覽器的支持。

　　減少頁面的HTTP請求次數(shù)是你首先要做的一步。這是改進(jìn)首次訪問用戶等待時(shí)間的最重要的方法。HTTP請求在無緩存情況下占去了40%到60%的響應(yīng)時(shí)間。讓那些初次訪問你網(wǎng)站的人獲得更加快速的體驗(yàn)吧!