HTML / CSS / JS 压缩器
开发
粘贴源代码,选择 HTML / CSS / JS,工具会去除多余空白与(可选)注释,返回单行压缩版本,并显示前后字节数与节省百分比。基于正则,快速、离线、无需库。适合小型行内片段与最后阶段微调;构建流水线请使用 terser 或 esbuild 等专门工具。
—
原始
234 B
压缩后
161 B
节省
31.2%
压缩
<!doctype html><html lang="en"><head><title>Sample Page</title></head><body><h1>Hello, world!</h1><p> This is a paragraph with multiple lines. </p></body></html>
使用方法
- 粘贴源代码。
- 选择语言(HTML / CSS / JS)。
- 切换是否去除注释。
- 复制压缩输出。
常见问题
- 可以用于生产吗?
- 小型 CSS 或 HTML 可以——规则较为保守。JavaScript 建议在构建中使用 terser 或 esbuild,本工具不重命名变量、不折叠常量、不消除死代码。
- 为何 JS 没被进一步压缩?
- 真正的 JS 压缩需要基于 AST 的工具。本压缩器只去除空白与注释——对手写片段已经显著,但不及 terser。
- <pre> 或 <textarea> 里的 HTML 会被破坏吗?
- 可能会——其中空白是有意义的。请避免对含此类元素的 HTML 使用,或先把其内容替换为占位再恢复。
- CSS 注释重要吗?
- 有时——/*! 许可证头部按惯例由专业压缩器保留。本工具开启「移除注释」时会全部删除;如需保留许可证,请关闭。