代码压缩工具

HTML Minifier

使用 html-minifier-terser 压缩 HTML,并显示原始大小、结果大小和节省比例。

Ctrl / ⌘ + Enter 可执行
只读结果

使用成熟 HTML minifier 安全压缩文档,并保护预格式化与行内空白语义。

这个工具是什么

HTML 中的空白可能是行内文本的一部分,pre 与 textarea 更需要原样保留。本页使用成熟解析型压缩器和 conservativeCollapse,而不是全局 replace(/\s+/g, " ")。

  • 普通注释会移除,条件注释按库规则处理。
  • pre、textarea、script 与 style 的内容由 HTML minifier 按元素语义处理。
  • 本页不额外压缩内嵌 CSS/JS,避免无关解析器隐式执行或改写。

如何使用

  1. 粘贴 HTML。
  2. 点击“压缩 HTML”。
  3. 查看结果与 UTF-8 字节统计。
  4. 复制或下载 minified.html,并在项目中测试页面。

常见用途

  • 减小静态页面部署体积。
  • 比较开发版与发布版 HTML。
  • 删除安全可移除的注释和冗余属性。

HTML Minifier 功能特点

使用成熟 HTML minifier 安全压缩文档,并保护预格式化与行内空白语义。 适合日常开发、调试、数据整理与代码优化场景,处理结果可直接查看、复制或下载。

FAQ

为什么不能直接删除所有空白?

行内元素之间的空格会影响可见文本,pre/textarea 也保留空白;全局替换会破坏内容。

会压缩 script 和 style 里的代码吗?

当前配置不额外压缩内嵌 JS/CSS,只让 HTML minifier 安全处理元素边界。

压缩结果一定能直接替换源码吗?

成熟工具降低风险,但复杂模板语法可能有特殊约束;部署前仍应保留源码并运行项目测试。

返回开发者工具分类首页