粤ICP备11076303号  广州青年志愿者协会医疗服务总队 www.gzyld.org.cn
加入医疗队
加入志愿者

位置: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有多好了,自已用着心里也应该清楚,哪个快! :)
    新活动 回顶部
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    验证码: 点击我更换图片
    最新评论 进入详细评论页>>