当前位置: 首页 > Web开发 > JavaScript教程 >正文

JavaScript的gzip静态压缩方法的介绍

来源:互联网时间:2021-01-12 14:14:19编辑:网友分享
对于JavaScript的gzip静态压缩方法很多用户们&#3

对于JavaScript的gzip静态压缩方法很多用户们都不是很了解的,gzip静态压缩方法可以帮助我们进行有效可行压缩,帮助我们减少流量,那么下面我们就去看看JavaScript的gzip静态压缩方法的介绍。
  传统的JS压缩(删除注释,删除多余空格等)提供的压缩率有时还是不尽不意,幸亏现在的浏览器都支持压缩传输(通过设置http header的Content-Encoding=gzip),可以通过服务器的配置(如apache)为你的js提供压缩传输,或是appfuse中使用的GZipFilter使tomcat也提供这种能力
现在的问题是这种动态的压缩会导致CPU占用率过高,现在我想到的解决辨法是通过提供静态压缩(就是将js预先通过gzip.exe压缩好)

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

1.将prototype.js通过gzip.exe压缩保存成prototype.gzjs 2.设置header,我编写了一个简单的AddHeadersFilter来将所有以gzjs结尾的文件增加设置header Content-Encoding=gzip web.xml中的配置 

   
        AddHeaderFilter 
         
            badqiu.web.filter.AddHeaderFilter 
        
 
         
            headers 
            Content-Encoding=gzip 
        
 
    
     
        AddHeaderFilter 
        *.gzjs 
    
 

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

     
   
   
   
   
   
    
   
       
   
   
 


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

二.压缩率 

prototype.js 1.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压缩
文中小编分享了JavaScript的gzip静态压缩方法的介绍,当然您认为写得不好或者有错的地方,希望得到您的建议和指正,谢谢。

上一篇: 下载与使用cssQuery()的方法

下一篇:XHTML-Strict内允许出现的标签介

您可能感兴趣的文章

相关阅读