记忆盒子

上一篇文章介绍了css在线压缩及格式化美化工具，本文再介绍一个非常好用的js在线压缩及格式化美化工具。同样，该工具出自卡卡测速网。

js压缩又叫简化js，在google的网站速度优化建议中，js压缩同样是非常重要的部分，详见简化JavaScript。

google认为：

简化JavaScript代码能够节省很多字节和加速下载、解析和执行时间。

这个说法是相当正确的。如果大家细心点，就会发现各种门户大站的js都是经过压缩简化的，甚至连百度和google这种只有几千字节的极致简洁的网页也对js代码进行了压缩简化。

大家都知道，js代码分调试版和正式版，调试版代码写着各种大量的注释语句以及经过美化以便阅读修改，这种代码是相当臃肿和体积相当大的，而正式版是去掉了注释语句且不需要美化只追求简化，这种代码的体积就变得小了很多。

看看下面的实例。

压缩前的js

/*
* This external script is part of the optimize javascript example.
* This comment will be removed.
*/
// Print on the screen. This comment will also be removed.
document.write("This is updated by external javascript");

压缩后的js

document.write("This is updated by external javascript");

前后对比一下，压缩前是227字节，压缩后是57字节，压缩率高达75%。

体积小有什么好处，还是google说的那句话，简化JavaScript代码能够节省很多字节和加速下载、解析和执行时间。

使用在线工具压缩和格式化js

js压缩和格式化，使用人工来实现是不实际的，必须借助工具，卡卡网推出的js压缩和格式化工具就能很好的实现这一功能。

其实，卡卡网在三年前就推出了js在线压缩工具，当时做得比较粗糙，本次更新是全方面的，前端界面使用了著名的CodeMirror编辑器，代码高亮显示，后台程序使用了雅虎的Yahoo.Yui.Compressor.dll组件，压缩率是相当高且相当安全的。

本次更新同时新增了js格式化功能，js格式化起到美化代码的作用，方便阅读与分析，配合CodeMirror编辑器，代码高亮显示，效果更好。另外，在处理方式上采用监控性方法，即修改源代码时，格式化内容也跟着改变，无需再点击按钮了，正所谓“即改即见效”，用户体验更佳。

js格式化

js压缩

从上图例子看到，压缩率达到了27.08%，效果还是不错的。

最后附上工具地址：http://pagespeed.webkaka.com/youhua/js/

广告

海外云主机

低至54元 - 可退款

立即选购 >

rxinyun

立即选购 >

标签: JavaScript  Webkaka  

※ 网站速度慢？试试网站自动优化工具 ※