- DNS解析域名 url组成: 协议 + 域名 + 资源路径 + 参数
- 检查浏览器是否有缓存 命中强缓存 直接取本地HTML, 没有命中强缓存 选择协商缓存,协商缓存没命中直接访问服务器
- 与web 服务器建立TCP连接
- 浏览器发送请求获取HTML
- 服务器响应返回HTML
- 浏览器解析HTML
- 浏览器渲染 a. 浏览器将HTML 解析成DOM 树 b. 将CSS解析成 CSS Rule Tree (CSS 规则树) c. 浏览器将DOM树和CSS规则树 构建成 Render Tree d. 根据Render Tree 计算每个节点的位置,布局处理阶段 e. 绘制,遍历 Render Tree,根据计算好的信息绘制整个页面
- 浏览器执行JS 脚本 ,即DOM 操作,ajax发起的http网络请求等
- 浏览器发起网络请求,web-socket、ajax等,这个过程通常是为了获取数据
- 服务器返回请求
- 浏览器处理事件循环等异步逻辑