UglifyJS初探

jquery 1.5 代码压缩工具已经从GCL（Google Closure）切换到了UglifyJS，UglifyJS的压缩效果非常好，并且压缩后的代码是安全的。

下面是UglifyJS 与  YUI 、 GCL 间压缩结果对比。

Library Orig. size UglifyJS YUI GCL

DynarchLIB	636896	241441	246452 (+5011)	240439 (-1002) (buggy)
jQuery	163855	72006	79702 (+7696)	71858 (-148)

uglifyjs通过下面方式来达到代码高度压缩：

• foo[“bar”] ==> foo.bar
• 删除{}块
• var a = 10; var b = 20; ==> var a=10,b=20;
• 1 +2 * 3 ==> 7
• 连续的代码块会合并成一个
• 删除一些无法访问的代码

    对于if语句uglifyjs 会做下面的优化

• if (foo) bar(); else baz(); ==> foo?bar():baz();
• if (!foo) bar(); else baz(); ==> foo?baz():bar();
• if (foo) bar(); ==> foo&&bar();
• if (!foo) bar(); ==> foo||bar();
• if (foo) return bar(); else return baz(); ==> return foo?bar():baz();
• if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}

 

YUI压缩jQuery1.5.1后竟然92K。我就觉得哪不对，原来是jQuery换了压缩工具！！！！。

YUI compressor几乎已经废弃了，最起码在淘宝和支付宝现在不用YUI compressor来压缩线上代码，一般用google closure sample 模式，如能用上google closure高级模式压缩效果就更棒了，但使用高级模式的前置条件太多，如果没有满足高级模式下要求的条件，压缩后的代码是不安全的

UglifyJS确实是不错的