从输入 URL 到呈现页面，网络上的精彩是如何炼成的？

2023-07-21 03:17:03

当您按下回车键，网页如何呈现在您的屏幕上

当您在浏览器中输入一个 URL，例如 "www.example.com"，并按下回车键，您可能不会意识到幕后正在发生的一系列复杂事件，这些事件最终将网页呈现在您的屏幕上。从域名解析到服务器处理请求，再到浏览器渲染页面，让我们深入了解这个多步骤的过程。

DNS 域名解析

就像一封信需要一个收件地址才能到达其目的地，一个网站的域名也需要一个 IP 地址才能在网上找到。域名解析是将域名映射到其相应 IP 地址的过程。当您输入一个域名时，您的浏览器会向 DNS 服务器查询该域名的 IP 地址。DNS 服务器充当一个电话簿，将域名与其对应的 IP 地址进行匹配，类似于将 "example.com" 映射到 "192.0.2.1"。

TCP 三次握手

一旦获得了目标网站的 IP 地址，您的浏览器就需要与该 IP 地址对应的服务器建立连接。这就是 TCP（传输控制协议）三次握手发挥作用的地方。就像两台无线电建立通信时需要 "你好" 和 "欢迎" 这样的信号一样，TCP 三次握手是一个三步流程，用于建立一个可靠的数据传输通道：

您的浏览器发送一个 "SYN（同步）" 数据包，询问服务器是否可以连接。
服务器回复一个 "SYN-ACK（同步确认）" 数据包，表示它同意连接。
您的浏览器发送一个 "ACK（确认）" 数据包，确认收到服务器的响应。

发送 HTTP 请求

建立 TCP 连接后，您的浏览器可以向服务器发送一个 HTTP（超文本传输协议）请求，这是一个客户端向服务器请求资源（如 HTML、CSS 或 JavaScript 文件）的消息。HTTP 请求就像一封信，包含以下内容：

请求方法：GET（获取资源）、POST（创建或更新资源）、PUT（更新现有资源）、DELETE（删除资源）。
请求资源路径：网站上要获取的特定文件。
HTTP 版本：协议的版本（例如 HTTP/1.1）。

服务器处理请求

收到 HTTP 请求后，服务器会处理该请求。它会根据请求的方法和请求的资源路径，从其文件系统或数据库中获取请求的资源。然后，服务器将资源的内容作为 HTTP 响应发送回您的浏览器。HTTP 响应就像一封回信，包含以下内容：

状态码：服务器响应状态的数字代码（例如 200 表示请求成功）。
响应头：有关响应的附加信息（例如内容类型、内容长度）。
响应体：请求的资源内容（例如 HTML 代码）。

浏览器解析和渲染页面

当您的浏览器收到 HTTP 响应时，它就会对响应进行解析和渲染。解析过程就像拆开一封信并阅读里面的内容。浏览器首先解析 HTML 代码，并根据 HTML 代码构建 DOM（文档对象模型），这是一个表示网页结构的树形结构。然后，浏览器会根据 HTML 代码中的 CSS 样式表和 JavaScript 脚本，对 DOM 进行渲染，并最终将网页内容呈现在您的屏幕上。渲染过程就像给一幅画上色，将 DOM 的结构转化为视觉呈现。

影响网页加载速度的因素

理解网页加载过程有助于您了解影响网页加载速度的因素，包括：