浏览器从输入URL到渲染页面，具体经历了哪些步骤？

本文共计340个文字，预计阅读时间需要2分钟。

浏览器输入url到渲染页面经历了什么 + 三个层面：+ 网络篇：构建请求 + 查找强缓存 + DNS解析 + 建立TCP连接（三次握手） + 发送HTTP请求（网络请求后网络响应） + 浏览器解析篇：解析HTML结构DOM树 + 解析CSS样式 + 渲染页面

浏览器输入url到渲染页面经历了什么

三个方面：

网络篇:

• 构建请求
• 查找强缓存
• DNS解析
• 建立TCP连接(三次握手)
• 发送HTTP请求(网络请求后网络响应)

浏览器解析篇:

• 解析html构建DOM树
• 解析css构建CSS树、样式计算
• 生成布局树(Layout Tree)

浏览器渲染篇:

• 建立图层树(Layer Tree)
• 生成绘制列表
• 生成图块并栅格化
• 显示器显示内容
• 最后断开连接：TCP 四次挥手
• (浏览器会将各层的信息发送给GPU,GPU会将各层合成,显示在屏幕上)

总结

输入url

DNS 解析:将域名解析成 IP 地址(解析方式有两种递归和迭代)

TCP 连接：TCP 三次握手

发送 HTTP 请求

服务器处理请求并返回 HTTP 报文

浏览器解析渲染页面断开连接：TCP 四次挥手

详细的科普文