什么是 CSS 压缩?为什么每个网站都需要它?
开发者编写的样式表剖析
当专业开发者编写 CSS 时,通常会为了可读性和可维护性而进行格式化,如使用缩进、空行和注释。然而,这些对于浏览器渲染而言都是冗余的字节。从浏览器的角度看,压缩后的一行代码与精心格式化的 20 行代码完全一致。CSS 压缩就是将适合人类阅读的代码转换为机器最优化版本的自动化过程,永久减少字节数而不改变任何功能。
实际节省的规模:真实数据
通常一个中型网站的 CSS 样式表在未压缩时约为 80–150 KB。经过专业压缩后,体积通常会降至 45–90 KB — 原始文件大小缩减了 30% 到 50%。对于使用 Bootstrap、Tailwind 或 Sass 的大型应用,未压缩样式表可达 300–500 KB,压缩后可降至 200 KB 以下。
对于每天有 10,0000 名用户的网站,减少 50 KB CSS 体积每年可节省数 TB 的流量带宽,直接降低托管成本并显著提升移动端用户的体验。