《输入url后发生了什么》

226 阅读1分钟

1.DNS域名解析

2.建立TCP连接

  • 三次握手:

1596032179803-5a9ec03b-8ee0-4085-a7ee-fd9c17be843b.png

3.发送HTTP请求

  • 请求行包括请求方法、URI、HTTP版本

1596032244862-85b0fd11-8b30-4994-a0e6-1b52dface346.png

4.服务器处理请求

5.返回响应结果

6.关闭TCP连接

  • 为了避免服务器与客户端双方的资源占用和损耗,当双方没有请求或响应传递时,任意一方都可以发起关闭请求。
  • 与创建TCP连接的3次握手类似,关闭TCP连接,需要4次握手。

1596032284083-fc8666c6-af6b-42f4-9da6-2bb4ab947e3b.png

7.浏览器解析HTML

  • 把HTML解析dom树
  • 把CSS解析成CSSOM树
  • 两棵树结合成渲染树
  • 布局 计算文档流 盒模型 元素的大小和位置
  • 重绘 计算出元素的颜色

8.浏览器布局渲染

详情可参考: segmentfault.com/a/119000001…