推荐 10 个好用的 JavaScript 代码压缩工具

当你想让你的 JavaScript 代码运行或加载更快时,可能你需要精简代码。下面的这些工具可精简你的 JavaScript 代码,让它运行良好。

简而言之,精简代码就是删掉源代码中不必要的字符,而不改变其功能的过程。这也称为代码压缩和最小化。很多生产环境的网站都会最小化 JavaScript 代码,但是它们的技术并不具有通用性。为了成功执行不同的困难任务,Web 开发者能从这些优秀的 JavaScript 精简工具收获巨大的好处。在开发过程中,这些增强的 JavaScript 精简工具可以辅助开发者并帮助改进代码。精简代码将能提升加载时间和 Web 应用程序性能。下面是一些推荐的工具:

0. YUI Compressor

这是一个用 Java 开发的用于压缩 JavaScript 和 CSS 文件的命令行工具,出自雅虎。YUI Compressor 十分适合你的需求,它 100% 安全,与其他工具相比,它提供了更高的压缩比。

1. Packers

Packers 也是一个著名的 JavaScript 精简工具。它会自动创建代码的压缩版本。因此你只需要粘贴代码并点击 pack 按钮,它就会进行超出常规的压缩,并使用 JavaScript 运行时添加高级的即时解压缩。

2. JS Min

JavaScript 文件中不必要的注释和空格都可以通过使用 JS Min 轻易地消除。它可以将文件的体积大小减少一半,从而提升加载 JS 文件的速度。它还鼓励采用更具表达性的编程风格,因为它消除了清理文档的下载成本。

3. Dojo Shrinks Safe

这个压缩工具使用 Rhino 库来解析 JavaScript,还解析了本地变量名。脚本的大小也可以自然地向下调整,从而让它依赖于编程风格。它永远不会更改公共变量和 API,这意味着你可以将压缩版的 JavaScript 放到页面中,而不需更改任何代码。

4. Google Closure Compiler

如果你想让你的 JavaScript 加载和运行速度非常快,Google Closure compiler 是一个非常好的工具。这个工具可消除冗余的代码,会评估并重写它,还会减少多余代码。它还会检查语法、变量引用和类型,并警告你常见的 JavaScript 陷阱。这是一款真正的 JavaScript 编译器。

5. Microsoft Ajax Minifier

这个工具是一个 Windows 应用程序,可让你在不使用命令行或 Visual Studio 的情况下运行。它可将文件夹和嵌套文件夹中的所有 JavaScript 文件压缩,也可以压缩单个 JavaScript 文件,启用或禁用 Minifier 的超级压缩和分析选项等。

6. Minifier

用于压缩 CSS/JS 文件的简单小工具,不需要复杂的设置。它会将 CSS 中的 URL 从原始位置转换为输出位置。还可以自动解析 CSS 中的 @import 语句。

7. JSCompress

JSCompress.com 是一个在线地 JavaScript 压缩器,可用于压缩和精简 JavaScript 文件。压缩过的 JavaScript 文件是生产环境的理想选择,因为它们通常将文件的大小减少 30-90%。大多数文件大小的压缩是通过删除 Web 浏览器或访问者不需要的注释和额外的空白字符来实现的。

8. Smaller

Smaller 是 OS X 上强大的 HTML,CSS 和 JavaScript 压缩工具,还能够把多个文件合并成一个文件。压缩文件能提升网站的访问速度。

9. Minify

Minify 是一个 PHP5 应用程序,可帮助你遵循用于建设高性能网站的雅虎的规则。它结合多个 CSS 或 JavaScript 文件,删除不必要的空格和注释,并为它们提供 gzip 编码和最佳的客户端缓存头部信息。

原文链接:https://my.oschina.net/editorial-story/blog/853790
作者:开源中国 – 局长
转载必须在正文中标注并保留原文链接和作者等信息

转载于:https://my.oschina.net/editorial-story/blog/853790

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值