浏览器渲染原理

简要了解一下一个页面的渲染过程比较重要，从耗时的角度，浏览器请求、加载、渲染一个页面，时间花在下面五件事情上：

一，DNS 查询

二，TCP 连接

三，HTTP 请求即响应

四，服务器响应

五，客户端渲染

本文讨论第五个部分，即浏览器对内容的渲染，这一部分（渲染树构建、布局及绘制），又可分为五个步骤：

1，处理 HTML 标记并构建 DOM 树。

2，处理 CSS 标记并构建 CSSOM 树。

3，将 DOM 与 CSSOM 合并成一个渲染树。

4，根据渲染树来布局，以计算每个节点的几何信息。

5，将各个节点绘制到屏幕上。

简要整理，懒人计划，欢迎拍砖讨论...