HTML 压缩

关于HTML 压缩

HTML 压缩把浏览器用不到的内容从网页里去掉：注释、缩进和标签周围的空白。静态页面上线前，往后台、广告位这类有字数限制的地方粘贴代码前，发送 HTML 邮件模板前，都可以先压一遍。把代码贴进来或打开文件，压缩结果随输入实时出现，同时显示压缩前后的大小和减小的百分比。

注释会删掉，IE 条件注释保留，一些老模板还靠它加载文件。连续的空白合并成一个空格，div、p 这类块级标签前后的空白去掉，行内元素之间留一个空格。pre、textarea 里的内容原样保留。内联的 CSS 和 JavaScript 默认也会按 CSS 压缩、JS 压缩的安全规则一起压缩，取消勾选“同时压缩内联的 CSS 和 JavaScript”就保持原样。服务器上的 gzip、Brotli 还能再省一截，开没开可以用网页压缩检测查看。代码不上传。

HTML 压缩怎么用

1. 1
   粘贴 HTML

   把代码粘贴到输入框，或打开 HTML 文件。

2. 2
   内联代码压不压

   “同时压缩内联的 CSS 和 JavaScript”默认勾选，不想改动 script、style 就取消。

3. 3
   看节省多少

   HTML 压缩结果实时更新，并显示压缩前后的大小。

4. 4
   复制或下载

   复制压缩后的代码，或下载成文件。

为什么用熊仔工匠

• 去掉注释

  HTML 注释会删掉，IE 条件注释保留。

• 合并空白

  缩进和换行去掉，pre、textarea 保持原样，行内元素之间留一个空格。

• 内联 CSS、JS 一起压

  style 和 script 按同样的安全规则压缩，也可以取消勾选保持原样。

• 节省多少看得见

  复制之前就能看到压缩前后的大小和减小的百分比。