首页 > 代码库 > 浏览器的渲染过程

浏览器的渲染过程

1.输入网址https://www.jd.com/

2.获取服务器页面,服务器页面经过编译后再由浏览器解释执行

3.浏览器先接受页面的文字信息,然后再进行由上到下解析

4.先生成DOM,优先将html里的内容以最快速度显示在网页上,此时的网页不好看,十分杂乱,并发起css、js、image请求。

5.css下载完成,开始构建cssom

6.cssom+dom=rendertree

7.再layout,计算出每个元素的位置布局再页面上。

8.再painting绘图,此时的页面已经是好看的页面了。image是并发下载的,而JS是阻塞下载

浏览器的渲染过程