HTML 压缩

粘贴 HTML,拿回一个去掉了无人可见的空白的版本。输入框下方的计数会显示省下了多少。

代码不会离开此页面:格式化在你的浏览器中完成。

使用方法

  1. 把 HTML 粘贴到第一个输入框——输入时即刻压缩。
  2. 查看输入框下方的体积数字。
  3. 复制结果,或点击「格式化」把它重新展开。

实用说明

哪些会被删除,哪些不会

标签之间的换行、连续空格和普通注释会被删除。条件注释会保留,因为其中含有供旧浏览器使用的标记。pre、textarea、script 和 style 内部的一切原样搬运——那里的换行是内容,不是排版。

这件事到底值多少

在一个普通页面上,压缩在启用传输压缩之前能省下一到两成,启用之后省得少得多,因为 gzip 本来就很擅长处理重复空白。它值得放进构建流程,也值得在开发阶段彻底忘掉——那里可读的标记不花什么成本,却能省下几个小时。

常见问题

页面看起来还一样吗?

一样,但有一点要注意:行内元素之间的空格在页面上是看得见的。所以标签之间的空白会被收缩成一个空格,而不是删掉,布局因此不会跑位。

代码会发送到哪里吗?

不会。全部在页面内完成,未发布的模板仍留在你手里。

它会压缩里面的 CSS 和 JavaScript 吗?

不会。这些块原样复制。样式表请用 CSS 压缩工具——用处理标记的工具去改脚本,正是那些隐蔽 bug 的来源。

可以还原吗?

点击「格式化」,标记会重新排布并带上缩进。原来的换行已经没有了,但结构会回来。

相关工具