tomcat6 tomcat7配置gzip,解决ext-all.js文件太大问题

本文介绍了在Tomcat6和Tomcat7中配置gzip以解决ExtJS4.0框架中ext-all.js文件过大导致的网页加载慢和消耗带宽的问题。通过在server.xml的Connector标签内添加相应属性,并指定compressableMimeType,实现对js和css等文件的压缩。文章还提及了已经压缩的ext-all.js仍可通过gzip进一步减小文件大小,以及如何使用Firefox的Firebug检查压缩效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

做项目用到extjs4.0框架,但是引入的js,css文件太多而且大,特别是ext-all.js,1.2M,网页初始化时候非常缓慢而且消耗带宽,因为用到的服务器是tomecat,最后研究使用配置tomecat的gzip来对请求文件进行压缩,配置步骤如下:

1:找到tomecat的conf下面的server.xml文件,打开,找到

<Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />

2:在该标签里面添加属性

compression="on"
compressionMinSize="2048"
noCompressionUserAgents="gozilla, traviata"
compressableMimeType="text/html,application/xml,application/javascript,text/css,application/json,image/png,image/gif,image/jpg"

注意:compressableMimeType里的值就是要求tomecat进行压缩的文件,比如application/javascrip指对发布的js文件进行压缩,其他文件压缩可以在conf里的web.xml中找到,如

<mime-mapping>
        <extension>css</extension>
        <mime-type>text/css</mime-type>
    </mime-mapping>

告诉我们如何配置css的压缩。

也许我们会好奇,ext-all.js不是已经被压缩过的js了吗,已经没有了注释和空格,为什么还可以继续压缩?比如gzip压缩,可以修改变量名称,尽可能的去用最少的字符去定义,这样也可以大大减少字符数量。

如何检查压缩生效呢?比如用firefox的firedebug,截图如下

压缩前的请求:

压缩后:

通过比较我们发现,js文件和css文件大小明显有变化


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值