V 分享人：网管事业部W eb 前端性能优化V V 1浏览器渲染过程渲染过程渲染引擎开始解析HTML/SVG/XHTML，并将标签转化为dom tree中的dom节点。接着，它解析外部CSS文件及style标签中的样式信息生成rule tree。dom tree和rule tree结合生成render tree。Render tree由一些包含有颜色和大小等属性的矩形组成，它们将被按照正确的顺序显示到屏幕上。Render tree构建好了之后，将会执行布局过程，它将确定每个节点在屏幕上的确切坐标。再下一步就是绘制，即遍历render tree，并使用UI后端层绘制每个节点。值得注意的是，这个过程是逐步完成的，为了更好的用户体验，渲染引擎将会尽可能早的将内容呈现到屏幕上，并不会等到所有的html 都解析完成之后再去构建和布局render tree 。它是解析完一部分内容就显示一部分内容，同时，可能还在通过网络下载其余内容。渲染过程1. 网页被加载给html解释器变为一系列的词语2. 解析器根据词语构建节点node，形成DOM树1 html解析构建DOM渲染过程1 html解析构建DOM
