浏览器渲染过程

259 阅读1分钟

1、查找请求资源是否已经被浏览器本地缓存

2、域名解析,获取真正的 ip 地址,并发起请求

DNS域名解析
域名解析查找顺序
浏览器缓存 -> 本地配置 hosts 文件 -> 路由器 -> DNS 服务器 -> 根服务器
前端跨域及解决
http、https

3、建立 TCP 连接

TCP 三次握手
TCP、UDP

4、服务器返回响应,并根据需要选择关闭 TCP 连接或保持连接

TCP 四次挥手

5、根据响应码进行不同的操作,决定是否缓存资源或重定向

http 响应码

6、浏览器解析响应,具体如下

1、解析 HTML 生成 DOM 树
2、解析 stylesheets(样式表)生成 CSSOM(CSS规则树)
3、结合 DOM 与 CSSOM 生成 render 树
4、解析完成,浏览器进行页面渲染,解析并执行 js 脚本