缩短页面的渲染时间 让页面跑的更快些

怎样尽可能的缩短浏览器上页面渲染的时间，文章从以下几方面着手：

• 写出高效的css代码
• 避免使用css表达式
• 把css文件放在页面顶部
• 指定页面图片的尺寸
• 页面头部标明文档编码

一，写出高效的css代码

首先弄清浏览器解析html代码的过程：构建一个dom树，页面要显示的各元素都会创建到这个dom树当中。每当一个新元素加入到这个dom树当中，浏览器便会通过css引擎查遍css样式表，找到符合该元素的样式规则应用到这个元素上。css引擎查找样式表，对每条规则都按从右到左的顺序去匹配。

了解过程后，我们可以看出可以从两方面优化我们的css代码：1，定义的css样式规则条数越少越好，所以赶紧删除css文件中不必要的样式定义；2，优化每条规则的选择符书写方式，尽量让css引擎一看就知道这个规则是否需要应用到当前这个元素上，让引擎少走不必要的弯路。

如以下几种效率不高的css书写方式：

a, 用通配符作为关键选择符（关键选择符指的是每条规则最右侧的选择符）

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表