前端工程师-高级web网站前端开发减少响应数据量指南.docxVIP

这次说说如何减少请求、响应的数据量(即在网络中传输的数据量)，减少传输的数据量不仅仅可以加快页面加载速度，更可以节约服务器带宽，为你剩不少钱(好像很多机房托管都是按流量算钱的). GZIP压缩 gzip是目前所有浏览器都支持的一种压缩格式，IE6需要SP1及以上才支持(别说你还在用IE5,~_~)。gzip可以说是最方便而且也是最大减少响应数据量的1种方法。 说它方便，是因为你不需要为它写任何额外的代码，只需要在http服务器上加上配置都行了，现在主流的http服务器都支持gzip，各种服务器的配置这里就不一一介绍(其实是我不知道怎么配)， nginx的配置可以参考我这篇文章：/BearRui/archive/2010/01/29/web_performance_server.html 我们先看看gzip的压缩比率能达到多少，这里用jquery 1.4.2的min和src2个版本进行测试，使用nginx服务器，gzip压缩级别使用的是4： 注意看上图的红色部分，jquery src文件在启用gzip后大小减少了70% 这张图片可以看出就算是已经压缩过min.js在启用gzip后大小也减少了65%。 别对图片启用gzip 在知道了gzip强大的压缩能力后，你是否想对服务器上的所有文件启用gzip了，先让我们看看图片中启用gzip后会是什么情况。 hoho,1个gif图片经过gzip压