本文目录
什么是 JavaScript 压缩？
JavaScript 压缩通过移除空白、注释，并在安全的前提下缩短变量名，来减小 JS 文件的体积。压缩后的代码执行效果完全一致，但下载更快，在浏览器中解析也更迅速。
JavaScript 往往是网页中体积最大的资源。压缩通常能减少 30-60% 的文件体积，是你能采用的最具成效的性能优化手段之一。
JS 压缩的工作原理
像 Terser 这样的专业级压缩器会先将 JavaScript 解析为抽象语法树，然后重新生成紧凑的代码。
- 移除空白和注释——清除所有对执行没有影响的格式化内容
- 重命名变量——在保留全局引用的同时，缩短局部变量名（a、b、c）
- 消除死代码——移除不可达的代码分支和未使用的变量
- 优化表达式——简化布尔表达式，并在可能的情况下进行常量折叠
免费试用 —— 无需注册
压缩 JavaScript →压缩 JavaScript 的好处
在所有前端资源中，JavaScript 压缩带来的性能提升最为显著。
- 显著减小体积——相比未压缩的源码，文件体积缩小 30-60%
- 解析更快——浏览器引擎需要解析的代码更少，意味着更短的可交互时间（Time to Interactive）
- 节省带宽——对于流量受限的移动端用户尤为关键
何时压缩 JavaScript
生产环境部署时务必压缩 JavaScript。Vite、webpack、Rollup 等构建工具会自动完成这项工作。对于临时的一次性压缩或查看第三方脚本，在线压缩工具就足够好用。请注意，对于已部署的应用，在线工具不应取代 Terser、esbuild 等生产级压缩器。
常见问题
压缩会引入 Bug 吗？
像 Terser 这样的现代压缩器非常可靠。不过，依赖 function.name 或 eval() 的代码在变量重命名后可能会表现不同。部署前请务必测试压缩后的输出。
压缩（minification）和混淆（obfuscation）有什么区别？
压缩着重于在保持功能不变的前提下减小文件体积。混淆则刻意让代码更难阅读和逆向工程。二者目标不同——压缩是一种性能优化，混淆是一种安全措施。