CSS写法性能

转载:http://www.zishu.cn/blogview.asp?logID=834

 

以前写过《 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有多好了，自已用着心里也应该清楚，哪个快！ ：）