提醒:本页面将不再更新、维护或者支持,文章、评论所叙述内容存在时效性,涉及技术细节或者软件使用方面不保证能够完全有效可操作,请谨慎参考!

YUI Compressor是做什么的

这个小工具主要是用来压缩CSS和JavaScript文件的,当然你觉得可以混淆这些文件里的代码也是可以的,不过我们使用它还是看中其压缩优化的功能。

为什么要优化

因为这样可以减少网页传输中不必要的字节数,节省带宽,加快页面访问速度,具体优化守则可以参考 雅虎网页优化14条准则

使用YUI Compressor的好处

方便快捷,压缩后的代码文件体积小,有效率高,当然市面上不乏有很多压缩工具,但是很多工具尤其在处理压缩一些大型脚本后往往导致脚本出错失效,这点我对YUI Compressor很放心,毕竟有雅虎这个大公司的技术支持,至少我用到现在没有压坏一个脚本。

如何获取YUI Compressor

下载地址
http://yuilibrary.com/downloads/#yuicompressor

项目主页
http://developer.yahoo.com/yui/compressor/

但是有些朋友下载下来可能会有些小小的失望,为什么呢?因为这个工具是用Java编写的,也就是说我在使这个工具生效前还 必须安装 Java的运行环境,当然已经安装了的话,我们就可以接着开始了,关于Java运行环境JRE的下载见 这里

如何使用

将下载到的YUI Compressor包中的yuicompressor-2.4.2.jar拷贝到指定的目录下。然后通过下面的命令行进行相关操作。

压缩优化JavaScript
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v orginal.js > packed.js

压缩优化CSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v orginal.css > packed.css

可见--type指定了压缩文件的类型,--charset指定了压缩文件的编码,紧接着-v开关后面是要压缩的源文件orginal,>后是压缩好的文件packed。

对于CSS的压缩,我发现了一点奇怪的现象,比如形如 body {color:#000;background:#fff} 会变成 body {color:#000;background:#fff ; },最后花括号前面的分号是可以省略的,我一直也是省略的写法,不晓得为什么压缩后又添加上去了。