JS MINIFIER / TERSER

JS 压缩工具

上线前把 JS 压到最小,体积立减一半。

本地处理 · 代码不上传
选项

按需连接下一步

把日常工具接到公司的工作流程

创建公司账号,配置网站监控、企业邮箱与通知渠道,邀请同事分工处理日常工作。

新公司享 14 天 Pro 试用,无需绑卡;试用不含付费月度积分。

已有公司账号?打开对应工作台 →

怎么用

  1. 粘贴代码、拖入文件或点「示例」;语言会按页面预选,也可以改成其他语言。
  2. 选择格式化或压缩,按需调整缩进、行宽等选项,结果实时出现在右侧。
  3. 复制或下载结果;出错时点「跳到出错位置」修正后再运行。

压缩会做什么

压缩只改变代码的写法,不改变运行结果。上线前压缩能减少 30%~70% 的体积,加快页面加载;压缩后的代码难以阅读,请保留源码。

三种压缩
压缩操作JavaScript(Terser)CSS(CSSO)HTML / XML / JSON
删除注释✓✓✓
删除多余空白和换行✓✓✓
缩短变量名✓——
合并重复规则、简写颜色—✓—
删除死代码、常量折叠✓——
保留 /*! 版权注释可选可选可选

支持的语言与引擎

格式化使用业界通用的开源引擎,结果与 VS Code 等编辑器里的 Prettier 一致,团队可以直接沿用同一套风格。所有引擎都从本站加载、在浏览器里运行。

语言
语言格式化压缩
HTMLPrettier 3✓ 去注释、合并空白
XML迅龙 XML 引擎✓
CSS / SCSS / LessPrettier 3✓ CSSO 结构优化
JavaScript / TypeScriptPrettier 3(Babel)✓ Terser(仅 JavaScript)
JSONPrettier 3✓ 大数字不丢精度
YAMLPrettier 3—(保留注释)
SQLsql-formatter(14 种方言)—

常见问题

压缩后代码还能正常运行吗?

Terser 是 webpack、Vite 等构建工具默认使用的压缩器,只做不改变行为的变换。依赖函数名(如 fn.name)或用 eval 访问局部变量的代码,请关闭「缩短变量名」。

能压缩 TypeScript 吗?

不能直接压缩,需要先编译成 JavaScript。

代码会上传到服务器吗?

不会。格式化引擎从本站下载到你的浏览器后在本地运行,代码不经过我们或任何第三方的服务器,适合处理公司内部代码和配置。

能处理多大的文件?

单个文件最多 5 MB;超过 300 KB 时不会边输入边处理,点按钮再运行,避免浏览器卡顿。

JS 压缩实用指南与常见问题

什么是JS 压缩?

使用 Terser 5(webpack、Vite 默认的压缩器):删除空白和注释、常量折叠、去掉不可达代码,开启「缩短变量名」后再重命名局部变量。

适合谁用,什么时候用?

没有构建工具的小网站、落地页、WordPress 和 Shopify 主题开发者;上线前减小脚本体积时使用。

如何使用JS 压缩?

粘贴 JavaScript 用 Terser 压缩,可选缩短变量名和保留版权注释,显示压缩前后大小和节省比例。

如何理解JS 压缩的结果?

压缩只针对 JavaScript;依赖函数名、eval 或 with 的代码请关闭缩短变量名,压缩后在测试环境跑一遍。

内容在哪里处理,会提交到哪些服务?

Terser 在浏览器本地压缩,脚本不会执行也不会上传。