浏览器输入url到渲染页面经历了什么
Posted 板砖挺烫手
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浏览器输入url到渲染页面经历了什么相关的知识，希望对你有一定的参考价值。
浏览器输入url到渲染页面经历了什么
三个方面：
网络篇:
- 构建请求
- 查找强缓存
- DNS解析
- 建立TCP连接(三次握手)
- 发送HTTP请求(网络请求后网络响应)
浏览器解析篇:
- 解析html构建DOM树
- 解析css构建CSS树、样式计算
- 生成布局树(Layout Tree)
浏览器渲染篇:
- 建立图层树(Layer Tree)
- 生成绘制列表
- 生成图块并栅格化
- 显示器显示内容
- 最后断开连接：TCP 四次挥手
- (浏览器会将各层的信息发送给GPU,GPU会将各层合成,显示在屏幕上)
总结
输入url
DNS 解析:将域名解析成 IP 地址(解析方式有两种递归和迭代)
TCP 连接：TCP 三次握手
发送 HTTP 请求
服务器处理请求并返回 HTTP 报文
浏览器解析渲染页面断开连接：TCP 四次挥手
详细的科普文
以上是关于浏览器输入url到渲染页面经历了什么的主要内容，如果未能解决你的问题，请参考以下文章