位置:GZ医疗队 > 公益纪实 > 公益站长 > 网络技术 >
CSS写法性能
来源: 作者: 点击:次 时间:2009-12-01
首先说明一点,CSS对网页的最后渲染出来的速度影响非常的小,全是毫秒级别的,一个百K左右的网页,加上CSS最多也就是多了100个毫秒而已。很多优化都是在这100个毫秒里产生的,正常的写法是100个毫秒,但不合适的写法,会增大这100个毫秒,严重时可能会让浏览器死掉。今天放出来的这些数据是和《10条影响CSS渲染速度的写法与建议》里边有关的几条:
* 图表中的数字单位是毫秒;
3、一个页面上少用绝对定位
这样的写法,如果在ubuntu下测试,我百分百保证,一定会让浏览器死了!
4、background 背景图片的平铺
尽量别让背景循环,当然也要看是什么样的图片。
6、CSS的路径别太深;
8、别放空的的class或没有的class在HTML代码中;
这个有影响,但不是非常的大。
9、float 的应用
这个非常历害,用不好,会很伤。
------------------------------
以上是部分的数据,测试用的是大文件,多次取值求均的结果,自已写了个小工具,跑跑还可以!
其它给我最大的感觉就是IE6的表现真的非常的好,我不清楚为了什么很多人还在骂IE6,看一看数据就知道IE6有多好了,自已用着心里也应该清楚,哪个快! :)
* 图表中的数字单位是毫秒;
3、一个页面上少用绝对定位
这样的写法,如果在ubuntu下测试,我百分百保证,一定会让浏览器死了!
4、background 背景图片的平铺
尽量别让背景循环,当然也要看是什么样的图片。
6、CSS的路径别太深;
8、别放空的的class或没有的class在HTML代码中;
这个有影响,但不是非常的大。
9、float 的应用
这个非常历害,用不好,会很伤。
------------------------------
以上是部分的数据,测试用的是大文件,多次取值求均的结果,自已写了个小工具,跑跑还可以!
其它给我最大的感觉就是IE6的表现真的非常的好,我不清楚为了什么很多人还在骂IE6,看一看数据就知道IE6有多好了,自已用着心里也应该清楚,哪个快! :)