1. 构建请求
2. 查找强缓存
什么是强缓存
浏览的缓存策略分为强缓存和协商缓存,他们之间的根本区别是是否需要发请求。简单来说,强缓存就是你的本地文件(保存在硬盘或者内存中),你可以立马访问到;协商缓存是需要发请求给服务器,问问资源是否有更新,如果没有更新就访问本地缓存;如果更新,服务器会返回更新后的资源文件
3. DNS解析 找到 URL 对应的服务器 IP 地址
4. 建立TCP连接 三次握手
5. 发送请求,收到响应
6.查找协商缓存
7. 断开 TCP 连接
8. 解析 HTML,构建 DOM 树
9. 样式计算,构建 CSSOM 树
10. 布局 (Layout)
11. 生成图层树
12. 绘制
13. 栅格化
14. 合成与显示
![](https://img2020.cnblogs.com/blog/2070663/202102/2070663-20210223113932097-127543043.png)