浏览器渲染过程

绘制paint

Render Tree

调用操作系统Native GUI的API绘制

js，阻断式加载js，并且执行

HTML，SVG，XHTML...

domapi

cssomapi

生成DOM Tree

reflow/layout布局计算

在解析的同时，遇到外链就等待下载完成

JS对DOM的操作会，增删改排序都会造成dom树的改变。会造成回流，布局

最终显示

DOMContentLoaded事件触发

浏览器渲染原理

下载完成之后，对html解析

修改某些css属性同样也会造成回流，重新计算布局，比如高度宽度等...但是如颜色等就只会造成重绘

生成渲染树和DOM树是不一样的，那些不需要显示，不会在render上出现

CSS，阻断式加载外链css

paint之前步骤，都是由CPU来完成的，paint是有GPU来完成的。Main

图片等其他外部资源，页面所有都加载完毕，onload事件触发

首先返回的就是html文档

url -服务器返回