网页性能优化记录-支持gzip压缩 博客分类： 技术 网页性能优化button cssgziptomcat

buttoncssgenerator.com 性能优化记录

使用baidu统计的网络速度诊断工具，诊断出网站有很多需要优化的地方，

其中启用gzip压缩是网页性能优化最简单，也是效果最好的一步，第一步就从支持gzip开始。

网站用的是tomcat，tomcat启用gzip,需要修改conf/server.xml文件中的connector项，

tomcat6修改如下：

<Connector port="9080" protocol="HTTP/1.1" 

  connectionTimeout="20000" 

  redirectPort="8443" URIEncoding="UTF-8" useBodyEncodingForURI="true"

  compression="on" 

  compressionMinSize="2048" 

  noCompressionUserAgents="gozilla, traviata" 

  compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain" 

  />

compressionMinSize：大小超过该值的文件才会压缩

compressableMimeType：指定压缩的文件类型

 

tomcat7中js文件的类型改成了：application/javascript，所以mimeType要修改一下

compressableMimeType="text/html,text/xml,application/javascript,text/css,text/plain" 

 

优化效果：js和css文件从压缩前的448k ，压缩后变成了173k，压缩了61%，

页面加载时间从7s 优化到2s。

压缩的效果可以在chrome中按F12，在network选项卡中查看。