使用YUI Compressor压缩CSS/JS

oldboy

JS/CSS文件大，用户访问站点的时候需要下载JS/CSS的时间长就会感觉慢，有的甚至由于CSS的文件而造成页面初始打开很凌乱。
我们怎么提高用户下载JS/CSS的速度呢？
1、我们无法改变用户的网络状况，只有自己网站使用更快的带宽或者使用更强的服务器，使用户访问我们的时候感觉很快。
2、对JS/CSS文件进行压缩，由于文件较小，用户下载的时间就很短。
解决方案1，需要花费比较多的money,方案2实现比较简单，而且效果也明显。
下面我们介绍使用YUI Compressor进行JS/CSS压缩
1、下载yuicompressor http://www.julienlecomte.net/yuicompressor/
2、使用ant编译得到yuicompressor-x.y.z.jar的包，进入yuicompressor-x.y.z目录运行ant -f build.xml
3、在build目录下得到yuicompressor-x.y.z.jar的包，使用java -jar yuicompressor-2.4.2.jar in.js -o out.js
看下out.js的源文件就会发现去掉了注释空格等信息。
更多yui compressor的帮助请查看 http://www.julienlecomte.net/yuicompressor/README