CSS 压缩工具

关于此工具

你有一个 CSS 文件，内容已经长得像一部小说了。里面可能充斥着注释、多余的空格，或者你忘记删除的行。它虽然能用——勉强能用——但体积臃肿，拖慢了速度。是不是很烦人？

这时候就需要 CSS 压缩工具登场了。它虽然不是魔法，但也差不多了。你只需把杂乱、人类可读的 CSS 粘贴进去，它就会输出一个紧凑、优化过的版本。没有多余内容，只有浏览器真正需要的部分。它会移除空白字符、删除注释、缩短颜色代码，有时甚至会合并规则。而且不会破坏你的样式。

这些年来，我使用过十几种这样的工具。大多数都还行，有些用起来很笨重，少数几个则相当好用。但它们的基本功能都一样：让你的 CSS 更小。而更小的文件通常意味着更快的加载速度。说实话，这正是我们都想要的。

主要功能

• 移除不必要的空白字符和换行——因为浏览器根本不在乎你的排版格式。
• 删除注释，没错，就连你 2019 年给自己留的那条注释也一并删掉。
• 尽可能缩短十六进制颜色代码——#ffffff 变成 #fff，何必多打字呢？
• 在安全的前提下合并重复的选择器和属性。
• 保留功能完整性，你的布局不会崩溃。（大多数情况下。）
• 即时生效，无需注册，也无需下载，粘贴即用。
• 通常提供“还原”或“美化”选项，方便你日后查看输出结果。

常见问题

压缩会破坏我的网站吗？
很少见。大多数压缩工具都很谨慎。但如果你的 CSS 包含一些奇怪的 hack 或依赖特定格式（比如某些 @import 规则），就可能会出问题。压缩后务必进行测试，并保留备份。说真的。

我应该在开发过程中压缩吗？
不用。开发时请保持原始文件整洁易读，只在准备部署时才进行压缩。如果担心后续调试，可以使用 source map。