一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么

从用户在浏览器中输入URL到页面加载显示完成，整个过程涉及多个步骤，包括域名解析、TCP连接建立、HTTP请求与响应、页面渲染等。以下是详细的步骤说明：

1. 域名解析（DNS Lookup）

• 用户在地址栏输入URL后，浏览器首先需要将域名解析为IP地址。浏览器会查询本地DNS缓存、系统DNS缓存或向配置的DNS服务器发起查询请求，以获取与域名对应的IP地址。

2. TCP连接建立（TCP Connection Establishment）

• 一旦获得了服务器的IP地址，浏览器就会尝试与服务器建立TCP连接。这个过程通常遵循三次握手协议，确保建立起一个稳定的连接。

3. 发送HTTP请求（HTTP Request）

• TCP连接建立后，浏览器会构造一个HTTP请求，包括请求方法（如GET）、请求头（包含User-Agent、Accept-Language等信息）以及请求体（如果是POST请求的话）。

4. 服务器处理请求并发送响应（Server Processing & Response）

• 服务器接收到HTTP请求后，会根据请求的URL、HTTP方法等信息处理请求，然后返回一个HTTP响应。响应通常包括状态码（如200表示成功）、响应头（包含Content-Type、Set-Cookie等信息）以及响应体（包含请求的资源，如HTML文档）。

5. 浏览器处理响应（Browser Processing of Response）

• 浏览器接收到HTTP响应后，会根据状态码和响应头处理响应。如果状态码是301或302，浏览器会执行重定向到新的URL。否则，它会开始渲染页面。

6. 页面渲染（Page Rendering）

• 浏览器解析HTML文档，并构建DOM树。同时，浏览器会解析CSS，并应用样式规则。JavaScript文件也会被下载并执行，这可能会修改DOM或执行其他操作。
• 浏览器会将DOM和CSSOM合并成一个渲染树，并进行布局（Reflow）以确定每个元素的位置。
• 最后，浏览器会将渲染树绘制到屏幕上，这个过程称为重绘（Repainting）和重排（Reflow）。

7. 加载额外资源（Loading Additional Resources）

• 在页面渲染的同时，浏览器会并行加载页面中的额外资源，如图片、视频、JavaScript文件和CSS文件等。
• 这些资源的加载可能会触发更多的HTTP请求和响应过程。

8. 页面交互（Page Interaction）

• 一旦页面加载完成，用户就可以与页面进行交互，如点击链接、提交表单等。
• 浏览器会根据用户的交互执行相应的动作，这可能包括发送新的HTTP请求或执行JavaScript代码。

整个过程是复杂的，涉及多个网络和浏览器内部的处理步骤。现代浏览器通过优化和并行处理来提高性能，减少用户的等待时间。此外，技术如HTTP/2、服务端推送（Server Push）、缓存策略等也用于提升加载速度和用户体验。