HTML / CSS 压缩美化
把 HTML 或 CSS 压成一行，或者反过来格式化成带缩进的多行，都在浏览器本地完成。
原大小 244 B · 结果 185 B ，减少 24%
压缩会动哪些地方
HTML 压缩会把标签之间的换行和缩进合并掉，同时把标签内部属性之间的多个空格收成一个，注释默认删除。但 <pre>、<textarea>、<script>、<style> 里的内容原样保留，因为它们的空白有语义。以 <!--[if 开头的条件注释也会留着。
勾选「合并标签之间的换行」后，> 和 < 之间的空白会被完全删掉。这样最省体积，但如果两个行内元素是靠空格分隔的（比如 <span>a</span> <span>b</span>），删掉空格会让它们贴在一起，这种页面取消勾选即可。
CSS 压缩会删掉 /* */ 注释、冒号分号周围的空格和最后一条多余的分号，但以 /*! 开头的注释会保留，那通常是有意留下的版权声明。美化则按选择器和属性分级换行，属性一行一条。
这里只做排版层面的处理，不合并选择器、不改写属性值，所以不会改变样式行为。需要真正做工程化压缩，还是交给构建工具更稳妥。