URL 访问时，网页加载的过程和要点

我们时常通过浏览器访问网页，但很少有人能真正了解当我们输入 URL 后，到底发生了什么。这篇文章将带您详细分析从 URL 输入到网页呈现的过程，涉及 HTTP 协议、浏览器、服务器、DNS 解析、HTML、CSS、JavaScript、Cache 等关键知识点，助力技术面试者高效应答此类问题。

1. 输入 URL

当我们在浏览器中输入 URL 时，首先浏览器会检查是否已经缓存了该 URL 对应的网页。如果已缓存，则直接从缓存中加载网页，无需向服务器发出请求。否则，浏览器会继续执行以下步骤。

2. DNS 解析

浏览器首先会将 URL 中的域名解析为对应的 IP 地址。这个过程由 DNS 服务器完成。DNS 服务器是一个分布式数据库，它将域名与 IP 地址一一对应。浏览器向 DNS 服务器发送域名查询请求，DNS 服务器会返回相应的 IP 地址。

3. 建立 TCP 连接

在获得 IP 地址后，浏览器会与服务器建立 TCP 连接。TCP 是传输控制协议，它是一种可靠的传输协议，可以保证数据在网络上传输时不会丢失或损坏。

4. 发送 HTTP 请求

建立 TCP 连接后，浏览器会向服务器发送 HTTP 请求。HTTP 请求是一个文本消息，它包含了请求的方法、请求的路径、请求的协议版本以及一些请求头信息。

5. 服务器处理请求

服务器收到 HTTP 请求后，会根据请求的方法和请求的路径来处理请求。服务器可能会从数据库中检索数据，或者生成动态页面。处理完成后，服务器会将响应发送给浏览器。

6. 浏览器接收响应

浏览器收到服务器的响应后，会根据响应中的状态码来判断请求是否成功。如果请求成功，浏览器会继续解析响应中的内容。

7. 渲染页面

浏览器会解析响应中的 HTML 代码，并将其转换为 DOM 树。然后，浏览器会解析 CSS 代码，并将其转换为 CSSOM 树。最后，浏览器会将 DOM 树和 CSSOM 树合并成渲染树，并根据渲染树来绘制页面。

8. 执行 JavaScript

如果页面中包含 JavaScript 代码，浏览器会执行 JavaScript 代码。JavaScript 代码可以操作 DOM 树和 CSSOM 树，从而动态地改变页面的内容和样式。

9. 页面加载完成

当浏览器完成以上步骤后，页面加载完成。页面加载完成的时间长短取决于多种因素，包括网络速度、服务器响应速度、页面大小等。

在整个网页加载的过程中，涉及到了多种技术，包括 HTTP 协议、浏览器、服务器、DNS 解析、HTML、CSS、JavaScript、Cache 等。了解这些技术有助于我们更好地理解网页是如何工作的，以及如何优化网页的性能。