在线css优化工具比较 谁是效果最好的css压缩工具

虽然很多人都优化他们的网站或者博客，但是大多数人似乎都跳过了优化css这一项！

我花了一些时间找了许多css优化工具，它们大多数都是免费，在线并且易于使用的层叠样式表优化工具。现在我们要来测试一下这些在线优化工具的效果，看看哪个可以产生更惊人的效果。测试的在线工具有CSS Optimizer, Icey’s CSS Compressor, Flumpcakes CSS Optimiser和 CleanCSS。

在RJNo1你可以看见介绍它们的文章。

测试选择了以下六个网站

• Digg.com
• Slashdot
• Filmsy
• iBegin
• Download.com
• ESPN

css优化通过各种魔术手法达到最终的效果，比如合并相同的代码，删除没有使用的代码，消除空白等等，这样会导致代码不能够被人类读懂，因为代码都揉在一起了。但是这样做对于大的css文件，可以让其加载的时间缩短很多。

许多人认为不需要优化，因为带宽是足够的，大多数网站加载的速度都很快，不需要去优化css。但是服务器提供商和网站站长的角度来看，这是非常必要的，优化这些文件空出的空间是很小，只有二三十KB，但是一个星期，一个月，一年，你可以节省出大量的带宽，降低服务器的负荷，带来的是可以容纳更多的在线浏览人数。

网站 CSS Optimiser Icey Compressor Flumpcakes Clean CSS

• Digg.com 失败 失败 失败 16.8%
• Slashdot 17.45% 51.21% 9% 21.9%
• Filmsy 18.85% 47.08% 17% 29.1%
• iBegin 失败 55.95% 失败 失败
• Download.com 失败 45.49% 0% 27.9%
• ESPN 失败 69.84% 失败 27.9%
• Average: 18.15% 53.91% 8.67 24.18

从上面这张表可以看出 获胜者应该是Icey Compressor，它只有一次失败，并且它的压缩质量非常高，最少的也达到了45%。

第二名是cleancss，也只是失败了一次，但是它的压缩量没有前者强，但是cleancss压缩后的代码更容易理解。RJNo1.com

CSS Optimiser和Flumpcakes分别获得第三和第四，他们失败的次数较多，并且压缩效果比较平庸。但是css optimiser优化比较简单，只要上传就可以了，而Flumpcakes更是一个个人作品，可以做到这些也是非常不容易的。

以上只是翻译了2006年国外的一篇css优化工具比较的文章，当然现在今非昔比，谁好谁坏早已不是当年的样子了，哪个css压缩工具更适合你，只有你自己去尝试，并不是适合别的网站的优化工具就一定适合你，并且你也要从你自己的目的出发，并不要一味的追求减小css的体积，那样极有可能带来css渲染的失败和css的难以更改。

并且你也可以放眼别的在线css优化工具，比如利用yahoo yui工具优化css的网站，本站就有介绍，最后一定能找到适合你的效果，并且也一定要小心优化前的设置，这也是造成失败的原因之一，这个国外作者很有可能没有设置，从而造成了不好的效果。

本文地址：https://www.rjno1.com/csspk/