浏览器的渲染机制

在浏览器进行渲染页面的时候,范围三个阶段

1,HTTP请求阶段

2.HTTP响应阶段

3.浏览器渲染阶段

在HTTP请求阶段:

1.在浏览器地址栏输入URL,点击跳转或回车

2.在浏览器想服务器发送HTTP请求

3.DNS解析

4.TCP三次握手 客户端=>服务端=>客户端

5.发起请求

在HTTP响应阶段

1.准备数据

2.将数据返回给浏览器

3.TCP四次挥手

在浏览器渲染阶段

1.接受返回的页面数据

2.在内存中开辟出一块内存栈

3.代码解析

当遇到link / img / script 等需要额外加载的外部请求文件后,开辟新的线程去加载资源文件

4.dom解析完毕,形成DOM树,然后等待cssDOM

5.css加载完毕,然后解析完成,形成css树

6.浏览器将DOM树和css树合并成一个渲染树rander tree

7.然后进行一个回流,也是计算设备视口的位置大小等

8.接着再经过重绘,主要是一个样式的展示

9.最后通过GPU来渲染出我们的页面

需要注意的是,当浏览器解析html的时候,如果遇见的是script标签,那么将会阻塞dom的渲染