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