HTML 压缩教程：能删什么、不能删什么、在线压缩和压缩率

压缩会删除什么

在线压缩

1. 粘贴 HTML：打开 HTML 压缩，把 HTML 粘贴到上方输入框。
2. 选择选项：按需勾选“删除注释”“删除空属性”“精简内联 CSS/JS 空白”。
3. 看结果：下方实时显示压缩结果，以及原始字节数、压缩后字节数和节省比例。
4. 复制：点“复制结果”。

示例：工具自带的示例包含一个空的 class 属性、一段注释、多余的空格和一个 pre 块。压缩后删除了注释、空属性和缩进，pre 里的“ a”和换行原样保留，从 86 字节压缩到 54 字节，节省 37.2%。

注意事项

1. 保留原文件：压缩后的代码难以阅读，源文件要另外保存，需要修改时改源文件再压缩；
2. 行内元素之间的空格：<b>a</b> <b>b</b> 之间的空格会显示出来，压缩时保留为一个空格；
3. 配合服务器压缩：网站通常还会开启 gzip 或 Brotli 传输压缩，两者可以叠加；
4. 压缩后测试：上线前在浏览器里检查页面显示和交互是否正常；
5. 想把压缩过的代码恢复成易读格式，见 代码格式化。