页面

2010年12月12日

CSS写法性能

#wiki 以前写过《 10条影响CSS渲染速度的写法与建议》,今天放些数据出来,供参考;

首先说明一点,CSS对网页的最后渲染出来的速度影响非常的小,全是毫秒级别的,一个百K左右的网页,加上CSS最多也就是多了100个毫秒而已。很多优化都是在这100个毫秒里产生的,正常的写法是100个毫秒,但不合适的写法,会增大这100个毫秒,严重时可能会让浏览器死掉。今天放出来的这些数据是和《10条影响CSS渲染速度的写法与建议》里边有关的几条:

* 图表中的数字单位是毫秒;

3、一个页面上少用绝对定位



这样的写法,如果在ubuntu下测试,我百分百保证,一定会让浏览器死了!

4、background 背景图片的平铺



尽量别让背景循环,当然也要看是什么样的图片。

6、CSS的路径别太深;



8、别放空的的class或没有的class在HTML代码中;



这个有影响,但不是非常的大。

9、float 的应用



这个非常历害,用不好,会很伤。

------------------------------

以上是部分的数据,测试用的是大文件,多次取值求均的结果,自已写了个小工具,跑跑还可以!

其它给我最大的感觉就是IE6的表现真的非常的好,我不清楚为了什么很多人还在骂IE6,看一看数据就知道IE6有多好了,自已用着心里也应该清楚,哪个快! :)

* 注意,我写的东西都是交流体会,如果有同意见请随意拍砖,不要对人身进行攻击!

没有评论: