在线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/