CSS写法性能
作者:zishu 来源:zishu博客 发布时间:2009-05-28 19:09:00
标签:css,浏览器,写法,性能
以前写过《 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有多好了,自已用着心里也应该清楚,哪个快! :)
0
投稿
猜你喜欢
- jQuery的makeArray有其局限性(1.3.4还有bug),我自己实现了一个,不过涉及N多辅助方法。var dom = {},_to
- 为了方便使用分类,我定义了一个分类表category,里面字段是id(自动编号) cat_name(分类名) pare
- 过滤html代码的函数,当然也可以使用正则表达式。<%Function FilterHTML(strToFilter)&nb
- 1.linux下启动mysql的命令:mysqladmin start/ect/init.d/mysql start (前面为mysql的安
- 到目前为止,我已经开发了两个HTML编辑器了,一个用在公司的CMS项目,另一个用在这个Blog(TidyEditor,暂时没有单独发布)。下
- ul: unordered lists ol: ordered lists li: Listsol 有序列表:<ol>
- 数据库计算机 databasecomputer 实现数据库的存储、管理和控制的一种专用计算机系统。它能十分快速而有效地完成各种数据库操作,并
- 数字函数 ABS():求绝对值。 CEILING():舍入到最大整数。 FLOOR():舍入到最小整数。 ROUND():四舍五入 ROUN
- Function getIpvalue(clientIP)'得到客户端的IP转换成长整型,返回值getIpvalue&nb
- 首先,我要在这里写上一些很官方的概念,意在说明面向对象是很具体化的,很实体的模式,不能让有些人看见“对象&rdq
- 由于需求没有做好或者客户是外行,不能很好的配合你做好需求,我在使用asp+access的时候非常头疼,遇到数据结构的改动,就必须修改acce
- 你可能正建立自己在网上的家-WEB页,又或者它已经被你安置在网络某一角里。无论出于什么目的,你都希望有
- 行业首页改版的缘故,为了让我们设计师可以更好的了解需求、了解我们的用户,和部门的用研童鞋一起讨论决定使用电话来进行用户访谈,以此来了解用户。
- 问题:连续或者单个窗体,如何打印当前显示的记录?当前窗体还有对应的子窗体,也要一起打印出来我在一个窗体里有一个单号,大子窗体里有几组数据,我
- 设置MySQL数据同步(单向&双向)由于公司的业务需求,需要网通和电信的数据同步,就做了个MySQL的双向同步,记下过程,以后用得到
- 现在的垃圾留言越来越智能,并且从留言内容几乎看不出来是垃圾留言,而大量的垃圾留言会导致文章可读性下降,并可能会被搜索引擎惩罚,经过一段时间的
- 鼠标双击滚动屏幕,单击停止滚动,很多小说新闻网站都有这个很人性化的功能,阅读起小说、新闻来很方便,不用手动拉滚动条。js代码如下:<h
- 很多人对于CSS都是边干边学习,因为它不像C#之类的语言那么复杂,看起来似乎挺简单,然而正是这种对CSS的不完整的理解,导致了许多的CSS代
- 我们经常会用到表格数据,在做表格的时候,一般都喜欢隔行变色,使表格表现数据的时候非常的清晰。如图,我设计的一个表格表现的样式:在网上找到一个
- AddHeaderAddHeader 方法用指定的值添加 HTML 标题。该方法常常向响应添加新的 HTTP 标题。它并不替代现有的同名标题