在浏览器从输入URL到页面加载完成都经历了什么/一个完整的URL解析过程详细介绍

一、简述在浏览器从输入URL到页面加载完成都经历了什么

浏览器地址栏输入url地址，首先要在客户端上进行url解析
浏览器会首先查看自身的缓存，如果浏览器缓存中有对应的解析记录，直接返回结果
如果浏览器没有缓存，电脑会查看本地操作系统的缓存，如果有记录，直接返回结果（host文件）
如果本地没有缓存该域名的IP地址，就需要通过递归或迭代的方式向根域名服务器、顶级域名服务器、权威域名服务器发起查询请求，直至返回一个IP地址给浏览器。
然后根据该IP地址建立TCP连接。
客户端发送HTTP请求，服务器返回报文，关闭TCP连接。
浏览器内核拿到相应内容后，
解析html,css分别建立DOM Tree和CSSOM Tree
随后这两个合并成Render Tree。
然后布局Render Tree，绘制Render Tree，绘制页面像素信息。
浏览器会将各层的信息发送给GPU,GPU会将各层合成，显示在屏幕上。
渲染完成。

二、过程分析

2.1、域名解析

浏览器会对我们输入的url进行解析
主要将其分为下部分：协议、网络地址、资源路径
其中网络地址指示该连接网络上哪一台计算机，可以是域名或者IP地址，可以包括端口号
协议是从该计算机获取资源的方式，常见的是HTTP，HTTPS，FTP等
不同协议有不同的通讯内容格式；资源路径指示从服务器上需要获取资源的具体路径

2.2、DNS解析

DNS：DNS域名解析过程及原理_snow@li的博客-CSDN博客

2.3、获取端口号

http协议默认端口号是80。

IP地址就像是一个街道，让你直到具体在哪个街道（哪个主机），端口号就像是门牌号，告诉你是哪家（哪个进程）

2.4、建立TCP连接

网络：TCP协议三次握手与四次挥手_snow@li的博客-CSDN博客

2.5、发起HTTP请求

协议：HTTP基础内容掌握_snow@li的博客-CSDN博客

2.6、响应HTTP请求

协议：HTTP基础内容掌握_snow@li的博客-CSDN博客

2.7、关闭TCP连接

网络：TCP协议三次握手与四次挥手_snow@li的博客-CSDN博客

2.8、浏览器加载解析渲染

浏览器加载：指浏览器通过网络请求获取网页文件及其相关资源，并把它们存储在缓存中或者按需加载，以便让用户访问网页时快速加载数据。
解析：指浏览器把HTML、CSS和JavaScript解析成浏览器能够理解的结构，并构建出文档对象模型（DOM）和样式对象模型（CSSOM）。
渲染：指浏览器根据DOM和CSSOM，计算出网页元素的布局和样式，把它们绘制在屏幕上。

浏览器解析渲染过程 - 知乎

浏览器加载解析渲染_wk199351的博客-CSDN博客

浏览器加载解析渲染机制的全面解析 - 简书、

浏览器的渲染：过程与原理 - 知乎

浏览器渲染原理流程 - 哔哩哔哩

三、欢迎交流指正，关注我，一起学习

四、参考链接

在浏览器输入URL回车之后发生了什么？_哔哩哔哩_bilibili

详解浏览器解析一个URL的全过程_url解析_子木呀的博客-CSDN博客

https://www.cnblogs.com/davina123/p/12978114.html

从输入 URL 到页面加载完成中间都经历了什么_luoluoxx0115的博客-CSDN博客_输入url到加载完页面发生了什么