软件No1:绿色软件制作与分享。

在线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的网站,本站就有
 介绍,最后一定能找到适合你的效果,并且也一定要小心优化前的设置,这也是造成失败的原因之一,这个国外作者很有可能没有设置,从而造成了不好的效果。

本文地址:http://www.rjno1.com/infor/diy/70-csspk.html


添加评论

验证码


刷新


Copyright © 2010-2016 RJNo1.com,All Rights Reserved.

Template V3.8.2 Designed by *HongHui  |  网站地图

软件No1 版权所有