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

本文详细解析了从浏览器输入URL开始,经历DNS解析、TCP连接、HTTP请求、浏览器解析与渲染,直至断开连接的整个过程,包括DNS递归和迭代解析、TCP三次握手与四次挥手,以及HTML、CSS、DOM树、样式计算与GPU渲染等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

三个方面:

网络篇:

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

浏览器解析篇:

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

浏览器渲染篇:

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

总结

输 山东红色教育培训 www.shganxun.cn 入url

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

TCP 连接:TCP 三次握手

发送 HTTP 请求

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

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

详细的科普文

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值