JS压缩工具

JS压缩工具是一款免费工具，可删除 JavaScript 中不必要的字符，并显示压缩前后的字符数。

压缩 JavaScript 能解决什么问题？

压缩 JavaScript 可以减少浏览器需要下载的源文本量。它通常会移除 JavaScript 语法不需要的格式字符，例如缩进、换行和空格。

更小的脚本可以减少传输量和解析工作量，尤其是在网站需要加载多个大型代码包时。Brotli 或 gzip 等 HTTP 压缩仍然很重要，因为代码压缩和传输压缩解决的是不同问题。代码压缩会移除源代码字符，传输压缩则会在传输过程中以更紧凑的方式编码重复数据。

这项操作通常在部署前的构建过程中完成。检查未压缩的第三方脚本、比较代码包大小，或者为没有构建流程的网站准备独立文件时，也可以使用它。

压缩成功并不代表 JavaScript 一定能正确运行。脚本即使可以顺利压缩，也可能包含错误的 API 调用、无法访问的变量，或只在运行时才会出现问题的代码。

如何使用JS压缩工具？

把 JavaScript 粘贴到 JS 字段并运行工具，然后复制 压缩的JS 中返回的内容。请将原始源文件保存在版本控制系统中，部署压缩后的副本，不要直接替换可读的源代码。

1. 先对源代码进行语法检查和代码检查，并运行自动化测试。
2. 将完整脚本粘贴到 JS 中，包括属于该文件的所有模块导入或包装函数。
3. 查看 JS字符 和 压缩的JS字符，了解压缩前后的字符数变化。
4. 在与生产文件相同的浏览器和部署环境中，测试压缩后的 JavaScript 能否正确执行。
5. 如果要同时保存压缩版和可读版，请使用 app.min.js 这类容易识别的文件名。

压缩在服务器上完成。你输入的内容会通过 HTTPS 发送到服务器，但不会被存储。服务器仍需接收 JavaScript 才能进行处理，因此，如果你的组织禁止将某些源代码发送给外部服务，请勿提交这些内容。

压缩结果包含哪些内容？

结果中包含压缩后的 JavaScript 和两个字符数。JS字符 表示输入长度，压缩的JS字符 表示返回的 压缩的JS 的长度。

字符数由 PHP 的 mb_strlen 函数计算。该函数测量的是多字节字符串长度，而不是简单统计字节数。因此，字符数并不等同于最终的网络传输大小。UTF-8 字符可能占用多个字节，gzip 或 Brotli 还可以进一步缩小文件的传输大小。

此工具不会返回单独的验证或诊断字段。不要指望它找出所有缺失的括号、格式错误的正则表达式或不受支持的语言特性。特别是与 JSON 有关的错误，例如属性名未加引号或存在尾随逗号，不能作为可靠的 JavaScript 检查依据，因为 JavaScript 对象字面量与 JSON 的语法不同。处理 JSON 数据时，请使用 JSON验证与美化工具。

简单示例和容易出问题的输入

下面是一个仅调整空格的简单示例。

输入

function add(a, b) { return a + b; }

压缩形式

function add(a,b){return a+b;}

对象周围的格式字符也可以删除，而不改变其属性值。

输入

const settings = { theme: "dark", retries: 2 };

压缩形式

const settings={theme:"dark",retries:2};

不同压缩工具生成的具体格式可能不同，尤其是在可选分号附近。不能简单地删除所有空格或换行来安全压缩 JavaScript。安全的压缩必须考虑词法和语法上下文，区分纯格式字符与会影响程序行为的字符。

• 字符串中的空格：属于数据，"Newcastle upon Tyne" 中的空格必须保留。
• 标点符号：可能具有语法作用。删除 a + +b 中的空格，可能会产生不同的词法单元序列。
• 换行符：有时会影响自动分号插入，包括 return、break 或 continue 后面的代码。throw 后不能立即换行，因为它的表达式必须从同一行开始。
• 带重音符号的字符和非拉丁字符：可能出现在字符串中，在符合 JavaScript 标识符规则时也可以用于标识符。它们占用的字节数可能与字符数不同。
• 数字：是源代码中的词法单元，不是字符数指令。即使压缩工具选择更短的等价写法，也必须保留其数值含义。

哪些情况下不值得压缩 JavaScript？

如果文件已经压缩过，通常不值得再次压缩。第二次处理可能几乎无法继续缩小文件，还会让构建产物更难追踪，并可能干扰已有的源映射。

对于只供机器读取的 JavaScript，也没必要先格式化再压缩。应保留便于维护的可读源代码，并据此生成部署产物。对于成熟应用，esbuild、Rollup 或 webpack 等构建工具通常更合适，因为它们可以自动完成模块打包和源映射生成。压缩功能可能已经内置，也可以通过配置或插件添加，而 Terser 则是专门的压缩工具。

不要把压缩当作代码混淆或访问控制。函数名和变量名可能仍然可见，字符串字面量依旧可以读取，浏览器开发者工具也能重新格式化压缩代码。绝不能将机密信息、私钥或高权限凭据嵌入客户端 JavaScript。

如果要处理页面的所有静态资源，可以使用CSS压缩工具和HTML压缩工具，对相应格式执行压缩。不同格式的解析方式和空白字符规则并不相同，因此请分别使用对应的工具。

常见问题

这个工具会生成源映射吗？

不会返回源映射字段。如果需要将生产环境中的堆栈跟踪映射回原始文件，请在同一次构建过程中生成压缩脚本及与之匹配的 .map 文件。部署其他构建生成的源映射，可能会产生误导性的行号和列号引用。

压缩后别人就不能复制我的 JavaScript 了吗？

不能。浏览器必须接收可执行的客户端代码，因此访问者可以下载并检查这些代码。压缩只会降低源代码的可读性，无法提供保密性或许可证执行能力，也不能有效保护嵌入其中的机密信息。

可以粘贴包含 API 密钥的代码吗？

不应粘贴机密 API 密钥、令牌或私密凭据。输入内容虽然通过 HTTPS 发送且不会被存储，但处理过程发生在服务器上。对于有意分发给所有访问者的公开浏览器密钥，如果相关服务支持，仍需设置域名、来源、配额或权限限制。

字符数变少一定能让页面加载更快吗？

不一定。实际效果取决于原始文件大小、缓存、网络连接状况、服务器压缩，以及浏览器需要解析和执行的 JavaScript 数量。除了字符总数，还应检查压缩后的传输大小和运行时表现。

压缩后还要保留 .js 扩展名吗？

要。压缩后的 JavaScript 通常仍使用 .js 扩展名。如果两个版本同时存在，一般按惯例将压缩版命名为 .min.js。部署前，请确认服务器发送了适当的 JavaScript 内容类型，并确保 HTML 或模块导入指向预期的文件。