YUICompressor

YUICompressor是建立在rhino interpreter基础上的，所以它的特点就是安全。YUICompressor是用Java编写的，要运行它首先要配置好Java环境。YUICompressor的压缩内容如下：

• 移除注释
• 移除额外的空格
• 细微优化
• 标识符替换（Identifier Replacement）

使用YUICompressor的命令行代码如下：

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8

YUICompressor在压缩时还能够自动检查JS代码是否有错误，如果有错误它会列出错误的行数和原因。更难得的是，它也可以压缩CSS文件，对于前端人员简直就是一把多功能的瑞士军刀。

淘宝UED部把YUICompressor封装成了TBCompressor，这里有篇《TBCompressor介绍》，使用TBCompressor更加简单快捷。

Closure Compiler

Closure Compiler是Google公司公布的一款JS压缩工具，和YUICompressor相比，它的压缩率稍微高点，只是稍微，但对代码的准确率要求更高点。这里有一篇LifeSinger整理的《Closure Compiler vs YUICompressor》，讲述了两者的异同，可以做为选择的一个参考。

Closure Compiler使用的命令行代码如下：

java -jar compiler.jar --js hello.js --js_output_file hello-compiled.js

Closure Compiler还不仅提供了一个网络版可以直接在网页上压缩，而且还开放了API，你可以用HTML、Python或者其它语言文件调用这个API来压缩JS文件。

Packer

Packer是目前压缩率最高的JavaScript压缩工具，由Dean Edwards创建的。压缩后的JavaScript文件相当于一个ZIP文件，在执行的时候能够自动解压。不过带来的副作用就是对于编写不严格的代码，压缩时会出错，可以在压缩前用JSMin检查下。虽然Packer压缩后的代码在执行时先要自解压下，会降低执行效率，但对于大型文件来说，Packer的压缩率通常能达到50%，因而能加快下载速度。

Packer不仅有网页版，还有.NET、perl和PHP版。

在“CSS Input”栏中输入所要压缩的CSS代码，点击“Process CSS”按钮就能在页面的最下方找到压缩过后的CSS代码了。

“Code Layout”栏中是它的选项，第一个选项是代码压缩级，有五个选项：

• Highest (no readability, smallest size)：最高级压缩，可读性非常差，但是体积最小；
• High (moderate readability, smaller size)：高级压缩，可读性差，体积小；
• Standard (balance between readability and size)：标准压缩，可读性不错；
• Low (higher readability)：低级压缩，可读性强；
• Custom (enter below) ：用户自定义。

以上五个选项中Highest（最高级压缩）的体积最小，甚至比自己手动写的代码体积还要小，不过在使用前最好还是检查一下。它的下面还有很多选项，就不一一列举了，不过个人认为只要按照它默认的设置压缩就可以了，压缩的有关信息可以在“Messages”栏中获得。

但YUI compressor也有一个缺点，那就是操作不人性化，要用输入命令行的方式进行操作，在实际应用中也有点不方便。今天发现了淘宝人开发的一个软件——TBCompressor，这个软件是在YUI compressor的基础上改进的，使用十分简单,详情请看lifesinger的《TBCompressor – JS和CSS压缩工具》一文。下面是TBCompressor的使用方法，下载请到http://code.google.com/p/ourtools/downloads/list下载，选择里面的yuicompressor_2.4.2.zip文件。

1. 解压后点击里面的install.cmd安装，如果卸载点击uninstall.cmd就可以了；
2. 在要压缩的JS文件或者CSS文件上点击右键，在弹出的菜单中选择Process with YUICompressor；
3. 在原文件同一目录下会生成一个已经被压缩后的文件，文件名就是原文件名后面加个“-min”。比如原文件名为“test.js”，那么压缩后的文件就是“test-min.js”。建议把文件名取成name.source.js类型的，它会自动压缩生成name.js文件。

注意：TBCompressor默认压缩文件的编码类型为GB18030，如果要压缩其它编码类型的文件就修改下安装目录下的compressor.cmd文件，把里面的GB18030替换为你要的编码类型就可以了。比如我用的是UTF8，就把GB18030改成utf-8就行了。TBCompressor的压缩率并不是太高，但是却十分安全，对于CSS文件的Hack也能很好的保留。如果你是个对代码有洁癖的人，也可以利用己压缩的文件再优化。

下面再介绍一些在线优化JS和CSS的网站，不过这些经过压缩的代码在运行时可能会出错，所以在使用时要谨慎：

• http://javascriptcompressor.com/
• http://www.xmlforasp.net/JSCompressor.aspx
• http://compressorrater.thruhere.net/
• http://jsbeautifier.org/
• http://www.codebeautifier.com/
• http://www.lonniebest.com/FormatCSS/
• http://www.cssdrive.com/index.php/main/csscompressor/
• http://tools.arantius.com/css-compressor