从点击到呈现 — 详解一次HTTP请求

1.DNS域名解析

2.建立TCP连接

3.发起HTTP请求,接收响应

4.浏览器解析HTML

构建DOM树,下载资源(CSS,JS),解析CSS并构建CSSOM树,通过DOM树和CSSOM树构造出渲染树(Render Tree)

5.浏览器布局渲染

布局:根据渲染树布局,计算每个节点的几何信息。

绘制:在屏幕上绘制各个节点。

细节请见:媛媛的小窝——从点击到呈现 — 详解一次HTTP请求

Table of Contents