JS压缩谁最强?对比5款JS代码压缩工具

JS压缩谁最强?对比5款JS代码压缩工具JS压缩,似乎是很简单的一个事情,通常在线就可以完成。本文,测试国内外5个JS在线压缩工具,看看谁的效果最好。

大家好,欢迎来到IT知识分享网。

JS压缩谁最强?对比5款JS代码压缩工具

JS压缩,似乎是很简单的一个事情,通常在线就可以完成。但不同网站或工具提供的JS压缩,效果差异不小。

本文,测试国内外5个JS在线压缩工具,看看谁的效果最好。

测试用JS代码

(注:这段代码来下面要测试的JShaman网站,以压缩这段代码为例,看不同的工具压缩后代码大小,以验证其压缩率):

//1、去除未使用的函数、变量 var var_one = 1; var var_two = 2; function fun_one(){ var function_one_var_one; console.log(var_one); } function fun_two(){ console.log(var_one); } fun_one(); { function fun_three(){ console.log("function three"); } } //2、去除空行代码 ;;; //3、优化if、三元运算 if(1==1){ console.log("1=1"); } else { console.log("1!=1"); } 2==2?console.log("2=2"):console.log("2!=2"); //4、变量使用转化为字符串直接引用 var four_one = 4; var four_two; var four_three ="this is four_three"; four_two = 5; console.log(four_one,four_two,four_three,four_three); //5、字符串拼接 var five_one = 1 + 2 + 3; var five_two = "I am " + "a " + "bird"; console.log(five_one,five_two);

这段代码的压缩前体积是:674 Bytes

1、JShaman JS压缩

JS压缩谁最强?对比5款JS代码压缩工具

压缩后体积:207 Bytes,如下图:

JS压缩谁最强?对比5款JS代码压缩工具

2、minify-js JS压缩

JS压缩谁最强?对比5款JS代码压缩工具

压缩后体积:394 Bytes

3、toptal JS压缩

JS压缩谁最强?对比5款JS代码压缩工具

压缩后体积:392 Bytes,如下图:

JS压缩谁最强?对比5款JS代码压缩工具

4、JSCompress

JS压缩谁最强?对比5款JS代码压缩工具

压缩后体积:383 Bytes

5、未知品牌工具(众多)

JS压缩谁最强?对比5款JS代码压缩工具

压缩后体积:498 Bytes

总结:在这5款工具中,JShaman表现最好,674字节的代码压缩后是207字节,压缩率惊人。minify-js、JSCompress、toptal大体在390字节,表现中等。第五款未具名的工具,压缩后体积还有近500字节,最差。

其实这也就是专业工具与业余工具的差别。JShaman是专业工具中的代表,具有无效代码清除、代码逻辑优化、变量名变短等功能,而且各功能都有开关,可供使用者自由选用。如下图:

JS压缩谁最强?对比5款JS代码压缩工具

可能有的开发者会说:怎么不见 UglifyJS?

确实 UglifyJS是国外有名的JS代码压缩工具,多在开发环境或命令行中使用。如下图:

JS压缩谁最强?对比5款JS代码压缩工具

而且,在本文测试的jscompress,但同时使用了 UglifyJS 3 和babel-minify ,所以未将其单独列出,如下图:

JS压缩谁最强?对比5款JS代码压缩工具

测试jscompress等于同时测试了UglifyJS 3 和babel-minify。

补充(应该众多网友反馈,补充了UglifyJS 压缩效果),如下图:

JS压缩谁最强?对比5款JS代码压缩工具

压缩后体积:394 bytes

最后一类(第5种)无品牌的工具,仅仅是去除了代码中的回车换行、注释,并未对代码进行有效果的压缩。如下图:

JS压缩谁最强?对比5款JS代码压缩工具

通过本测试可知,专业的JS压缩工具,可对JS代码进行优化、重构,可很大程度上压缩代码体积。

测评建议:市面上的JS压缩工具很多,质量参差不齐,进行JS压缩,请选用专业工具。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/77479.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信