压缩 CSS / JS 代码

直接在您的浏览器中减小 CSS 或 JavaScript 代码的大小,不发送到服务器:移除注释和多余的空格。

示例:

注意:这是一个基础压缩工具(移除注释和压缩空格),而不是像 Terser 或 csso 那样的完整生产工具。它不会重命名变量,也不会执行任何高级语义优化。

工作原理

专为在上线一个小型网站或个人页面之前减小 CSS 或 JavaScript 文件的体积而设计:粘贴您的源代码,选择语言,点击「压缩」,即可获得一个精简版本(去除注释和多余空格)以及所获得的减少百分比。如本页上方所述,这是一个适合临时需求或学习用途的基础压缩工具,并不能替代 Terser 或 csso 等生产工具用于大型项目。

为什么我压缩后的代码不能正常运行了?

这种情况很少见,但对于非常特殊的代码(例如某些边缘情况下依赖空格或隐式分号的 JavaScript)是可能发生的。由于这个压缩工具不进行高级语义分析或变量重命名,建议在投入生产之前始终测试结果。

压缩和 gzip 压缩有什么区别?

压缩(minification)会修改源代码本身(移除注释、空格,缩短代码),生成一个更小的文件,该文件本身仍可直接执行。gzip(或 brotli)压缩则在服务器端应用于已经压缩过的文件之上:它压缩网络传输,而不修改内容,浏览器在接收时会解压缩。这两种技术是互补的。

压缩操作 100% 在您的浏览器中通过 WebAssembly 本地执行:您的源代码永远不会发送到服务器。