Web性能優(yōu)化最佳實踐中最重要的一條是減少HTTP請求，它也是YSlow中比重最大的一條規(guī)則。減少HTTP請求的方案主要有合并JavaScript和CSS文件、CSS Sprites、圖像映射（Image Map）和使用Data URI來編碼圖片。CSS Sprites和圖像映射現(xiàn)在已經(jīng)隨處可見了，但由于IE6和IE7不支持Data URI以及性能問題，這項技術尚未大量使用。目前大部分網(wǎng)頁中的JavaScript和CSS文件數(shù)量和開發(fā)時一致，少量的網(wǎng)頁會根據(jù)實際情況采取本地合并，這些合并中相當多的是有選擇地手動完成，每次新的合并都需要重新在本地完成并上傳到服務器，比較的隨意和繁瑣，同樣文件的壓縮也有類似的情況。而利用服務端的合并和壓縮，我們就可以按照開發(fā)的邏輯盡可能讓文件的顆粒度變小，利用網(wǎng)頁中URL的規(guī)則來自動實現(xiàn)文件的合并和壓縮，這會相當?shù)撵`活和高效。

　　YUI Combo Handler

    2008年7月YUI Team宣布在YAHOO! CDN上對YUI JavaScript組件提供Combo Handler服務。Combo Handler是Yahoo!開發(fā)的一個Apache模塊，它實現(xiàn)了開發(fā)人員簡單方便地通過URL來合并JavaScript和CSS文件，從而大大減少文件請求數(shù)。比如在頁面上使用YUI2的Rich Text Editor組件需要引入多個JavaScript文件，常用方式如下：

<script src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js"></script><script src="http://yui.yahooapis.com/2.8.0r4/build/container/container_core-min.js"></script><script src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js"></script><script src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js"></script><script src="http://yui.yahooapis.com/2.8.0r4/build/button/button-min.js"></script><script src="http://yui.yahooapis.com/2.8.0r4/build/editor/editor-min.js"></script>

it知識庫：在服務端合并和壓縮JavaScript和CSS文件，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。