压缩 JavaScript 减小文件体积
这款 JavaScript 压缩工具在浏览器中压缩你的 JS,以减小文件体积并加快页面加载。它由行业标准的 ES6+ 压缩引擎 Terser 驱动,会删除空白和注释、缩短局部变量名、消除死代码并清除调试语句,生成精简、可直接上线的输出。
为什么要压缩 JavaScript
加载与解析更快
更小的负载
更干净的生产代码
如何压缩 JS 代码
粘贴或上传 JS
在输入面板中键入或粘贴脚本,或点击 上传 载入 .js 文件。按 示例 即可加载示例代码。
配置 Terser 选项
开启 Mangle、Compress、Drop console 和 Drop debugger,以调节代码的优化力度。
压缩
输出会随你的输入自动更新(带防抖)。若要立即运行,请按 Ctrl + Enter,结果会立即显示在输出面板中。
查看并导出
在统计栏查看原始大小、压缩后大小和节省百分比。然后 复制 输出或将其 下载 为 minified.js。
Terser 优化与功能
压缩选项详解
每个开关都对应 Terser 的一种转换。无论下面的开关如何设置,输出中的注释都会被删除。
| 选项 | 作用 | 默认 |
|---|---|---|
| Mangle | 缩短局部变量和函数名(例如 userName → a) | 开启 |
| Compress | 执行死代码消除及多项体积优化 | 开启 |
| Drop console | 移除所有 console.* 调用 | 关闭 |
| Drop debugger | 移除 debugger 语句 | 开启 |
生产级引擎
完整支持 ES6+
Terser 能理解箭头函数、类、模板字符串、async/await 等现代语法。
调试清理
删除 console 输出和 debugger 断点,使它们绝不会进入生产环境。
实时压缩统计
每次运行后查看原始大小、压缩后大小和节省百分比,并提供语法高亮的输出。
上传、复制与下载
载入 .js 文件或粘贴代码,然后复制结果或将其下载为 minified.js。
常见问题
我的代码会被发送到服务器吗?
不会。Terser 在你的浏览器本地运行。你的 JavaScript 绝不会被上传、记录或存储在任何地方。
压缩 JavaScript 能加快页面速度吗?
能。删除空白、注释和冗长的标识符名会缩小文件,使其下载和解析更快。统计栏会显示你每次运行节省的确切字节数。压缩与服务器端的 gzip/Brotli 压缩配合良好。
“Mangle” 有什么作用?
Mangle 会缩短局部变量和函数名——例如把 myVariable 改成 a——以减小文件体积而不改变代码行为。它只重命名不对外暴露的标识符。
生产环境应该开启 “Drop console” 吗?
通常应该。移除 console.* 调用可减小文件体积,并防止调试信息泄露给用户。如果你的应用在生产环境中有意输出到控制台,则保持关闭。
能还原或逆转输出吗?
压缩是单向的。你可以用格式化工具重新缩进压缩后的代码使其重新易读,但被重命名的变量名和被删除的注释无法恢复——请始终保留原始源代码。
使用的是哪个压缩引擎?
本工具采用 Terser(版本 5.46.0)——使用最广泛的 JavaScript 压缩工具,也是许多现代打包器背后的引擎。它完整支持 ES6+ 语法。
压缩会破坏我的代码吗?
Terser 非常可靠,但激进的 mangle 可能影响在运行时依赖标识符名称的代码(例如某些反射或序列化技巧)。部署前请务必测试压缩后的输出,并保留原始源代码。
还没有评论,快来发表第一条!