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

三个方面：

网络篇:

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

浏览器解析篇:

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

浏览器渲染篇:

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

总结

输入url

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

TCP 连接：TCP 三次握手

发送 HTTP 请求

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

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

详细的科普文