摘要：
先来看一张图 这张图是我之前一个项目的一段css代码，表面看起来没有什么大问题，是可以正常工作的。但是，当你看完下面这篇文章之后，你就会觉得对于页面的性能来说，这样的代码绝对是毒瘤，当到达一定量的时候，肯定会影响页面的性能。好吧，进入正题。今天要讲的是如何使css的渲染效率更高效，也就是如何加快css的渲染速度。先做一个引入。当浏览器解析HTML时首先构造一个内部文件树来代表所有显示的元素。然后浏览器根据标准的CSS级联、继承和排序规则，为元素指定匹配的各种样式。CSS搜索引擎通过样式规则为每个元素找到匹配的样式。该引擎由右至左评估每个规则，从最右边的选择器开始（称为“键”【Key】），并通过 阅读全文
摘要：
站点性能黄金法则：对于一个站点性能来讲，只有10%-20%的最终用户相应时间花在了下载HTML文档上。其余的80%-90%的时间是花在了下载页面中的所有组件上。 这里我们总结一下提交网站性能的几种方案。 A、尽量减少HTTP请求。 B、尽量减少响应数据的大小。 C、使用独立的组件服务器。 D、CSS、JavaScript对性能的影响。 下面我就前面提过的这4点进行具体的说明。 一、尽量减少HTTP请求。 实现该方法的有很多种方式，以下列举几个 1、Image Maps,CSS Sprites,Inline Images,Combined Scripts and Stylesheets. 2、使 阅读全文