|
Web性能優化最佳實踐中最重要的一條是減少HTTP請求,它也是YSlow中比重最大的一條規則。減少HTTP請求的方案主要有合并JavaScript和CSS文件、CSS Sprites、圖像映射(Image Map)和使用Data URI來編碼圖片。CSS Sprites和圖像映射現在已經隨處可見了,但由于IE6和IE7不支持Data URI以及性能問題,這項技術尚未大量使用。目前大部分網頁中的JavaScript和CSS文件數量和開發時一致,少量的網頁會根據實際情況采取本地合并,這些合并中相當多的是有選擇地手動完成,每次新的合并都需要重新在本地完成并上傳到服務器,比較的隨意和繁瑣,同樣文件的壓縮也有類似的情況。而利用服務端的合并和壓縮,我們就可以按照開發的邏輯盡可能讓文件的顆粒度變小,利用網頁中URL的規則來自動實現文件的合并和壓縮,這會相當的靈活和高效。
YUI Combo Handler
2008年7月YUI Team宣布在YAHOO! CDN上對YUI JavaScript組件提供Combo Handler服務。Combo Handler是Yahoo!開發的一個Apache模塊,它實現了開發人員簡單方便地通過URL來合并JavaScript和CSS文件,從而大大減少文件請求數。比如在頁面上使用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文件,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。