关于JavaScript的gzip静态压缩方法

一个页面减少10KB对于一个小网站来说，算不上什么，但对于大型站点来说，累计起来却是一个很大的流量......gzip压缩是一个有效可行的方法，但需要Apache的支持(Apache与IIS共用一个端口解决方法)。
传统的JS压缩(删除注释,删除多余空格等)提供的压缩率有时还是不尽不意,幸亏现在的浏览器都支持压缩传输(通过设置httpheader的Content-Encoding=gzip),可以通过服务器的配置(如apache)为你的js提供压缩传输,或是appfuse中使用的GZipFilter使tomcat也提供这种能力
现在的问题是这种动态的压缩会导致CPU占用率过高,现在我想到的解决辨法是通过提供静态压缩(就是将js预先通过gzip.exe压缩好)

一.下面描述在tomcat中的应用

1.将prototype.js通过gzip.exe压缩保存成prototype.gzjs2.设置header,我编写了一个简单的AddHeadersFilter来将所有以gzjs结尾的文件增加设置headerContent-Encoding=gzipweb.xml中的配置
复制代码 代码如下:
AddHeaderFilter

badqiu.web.filter.AddHeaderFilter


headers
Content-Encoding=gzip


AddHeaderFilter
*.gzjs
测试prototype.js是否正常的代码

复制代码 代码如下:

在Apache中可以直接通过在httpd.conf增加AddEncodingx-gzip.gzjs来映射.gzjs文件的header

二.压缩率

prototype.js1.5.0_rc0原始大小56KB,未经任何处理直接使用gzip压缩为12KB,总压缩率79%
2.通过js压缩工具压缩过的protytype.js为20KB,使用gzip压缩为10KB,总压缩率为83%
3.实际项目中的多个js合并成的文件439KB,直接通过gzip压缩为85KB,总压缩率81%

4.439KB经过js压缩为165KB,再经过gzip压缩为65KB,总压缩率86%

基本上你都可以忽略js压缩工具的压缩率,直接使用gzip压缩
gzip下载地址http://www.gzip.org

tomcat的压缩配置示例下载地址:http://www.blogjava.net/Files/badqiu/gziptest.rar