【计网】从输入URL到浏览器渲染页面

一、URL输入到浏览器输出页面过程

1. DNS域名解析；
2. ARP协议获得IP对应MAC地址（物理机器）；
3. 建立TCP连接；
4. 发送HTTP请求；
5. 服务器处理请求；
6. 返回响应结果；
7. 关闭TCP连接；
8. 浏览器解析HTML；
9. 浏览器布局渲染。

二、浏览器渲染过程

1. 解析HTML生成DOM树。
2. 解析CSS生成CSSOM规则树。
3. 将DOM树与CSSOM规则树合并在一起生成渲染树。
4. 遍历渲染树开始布局，计算每个节点的位置大小信息。
5. 将渲染树每个节点绘制到屏幕。

三、参考

1、浏览器的渲染：过程与原理
2、”天龙八步“细说浏览器输入URL后发生了什么
3、【干货】十分钟读懂浏览器渲染流程