记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

非常好用的js在线压缩简化及格式化美化工具

作者:Kaka    时间:2015-9-26 9:51:48    浏览:    评论:1

上一篇文章介绍了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格式化

js压缩

js压缩

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

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

加入本站QQ群(312716741),交流分享网站建设、优化、SEO技术。。。

 

上一篇: 非常好用的css在线压缩及格式化美化工具
下一篇: 非常好用的HTML在线压缩及格式化工具

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009 All Rights Reserved. 粤ICP备09073737号

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009 All Rights Reserved.