在服务端合并和缩JavaScript和CSS文件.docxVIP

　　Web性能优化最佳实践中最重要的一条是 HYPERLINK /performance/rules.html \l num_http \t _blank 减少HTTP请求，它也是 HYPERLINK /yslow/ \t _blank YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、 HYPERLINK /articles/sprites \t _blank CSS Sprites、 HYPERLINK /TR/html401/struct/objects.html \l h-13.6 \t _blank 图像映射（Image Map）和 HYPERLINK /2009/08/15/data-uri-mhtml/ \t _blank 使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于IE6和IE7不支持Data URI以及性能问题，这项技术尚未大量使用。目前大部分网页中的JavaScript和CSS文件数量和开发时一致，少量的网页会根据实际情况采取本地合并，这些合并中相当多的是有选??地手动完成，每次新的合并都需要重新在本地完成并上传到服务器，比较的随意和繁琐，同样文件的压缩也有类似的情况。而利用服务端的合并和压缩，我们就可以按照开发的逻辑尽可能让文件的颗粒度变小，利用网页中URL的规则来自动实现文件的合并和压缩，这会相当的灵活和高效。 　　YUI Combo Handler ???? HYPERLINK /blog/2008/07/16/combohandler/ \t _blank 2008年7月YUI Team宣布在YAHOO! CDN上对YUI JavaScript组件提供Combo Handler服务。Combo Handler是Yahoo!开发的一个Apache模块，它实现了开发人员简单方便地通过URL来合并JavaScript和CSS文件，从而大大减少文件请求数。比如在页面上使用 HYPERLINK /yui/editor/ \t _blank YUI2的Rich Text Editor组件需要引入多个JavaScript文件，常用方式如下：  HYPERLINK /page/73959/ ? 1 2 3 4 5 6 7 8script?src= HYPERLINK /2.8.0r4/build/yahoo-dom-event/ /2.8.0r4/build/yahoo-dom-event/ yahoo-dom-event.js/script script?src= HYPERLINK /2.8.0r4/build/container/ /2.8.0r4/build/container/ container_core-min.js/script script?src= HYPERLINK /2.8.0r4/build/menu/menu-min.js /2.8.0r4/build/menu/menu-min.js/script script?src= HYPERLINK /2.8.0r4/build/element/element-min.js /2.8.0r4/build/element/element-min.js/script script?src= HYPERLINK /2.8.0r4/build/button/button-min.js /2.8.0r4/build/button/button-min.js/script script?src= HYPERLINK /2.8.0r4/build/editor/editor-min.js /2.8.0r4/build/editor/editor-min.js/script　　而使用Combo Handler服务之后，则上述的代码可以写为：  HYPERLINK /page/73959/ ? 1 2 3 4 5 6 7script?src= HYPERLINK /combo? /combo? 2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js 2.8.0r4/build/container/container_core-min.js 2.8.0r4/build/menu/menu-min.js 2.8.0r4/build/element/element-min.js 2.8.0r4/build/button/button-min.js 2.8.0r4/build/editor/editor-min.js/script