利用压缩js和css提高响应速度

zhxp791008

js和css通常浏览器都有缓存，但是第一次加载时，几百K的js下载还是比较慢的，我的网速就有感觉，那怎样提高客户的体验。当然只下载必须的js和css，或者是将多个js和css放在一个文件中，减少浏览器的http请求都是一些方法，具体可以参看高性能网站建设一书。我这里要说的是必须的文件就这样大，那怎么办？

方法一，按需加载，就是先加载必须的，在页面渲染完成后再开启http请求下载其它文件。这不是今天要做的事。

方法二：压缩。这是一个很好的方法，效果可以说是惊人的。如ext-all.js有400多K，我的网速下载时间近10S,而开启压缩只有不到3S，下载流量下降到100多点K。那怎样做到压缩也？有两种方法：

1、静态压缩，可以利用gzip等程序压缩，效果非常好。

2、动态压缩，可以自己写个filter搞定，也可以利用tomcat等提供的功能。如tomcat修改server.xml文件配置就可以达到。具体可以看tomcat的server.xml中被注解的部分。

动态这种简单，两分钟搞定，但静态压缩效果更好，而不会占用服务器的cpu。