软件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-2019 RJNo1.com,All Rights Reserved.

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

软件No1 版权所有

禁用广告屏蔽(ad blocker),刷新页面继续浏览
Please disable your ad blocker,refresh page to view.
Bitte deaktiviere Deinen Werbeblocker!
Veuillez désactiver votre bloqueur de publicité.

禁用广告屏蔽(ad blocker),刷新页面继续浏览
Please disable your ad blocker,refresh page to view.
Bitte deaktiviere Deinen Werbeblocker!
Veuillez désactiver votre bloqueur de publicité.