浏览器加载网页时会经历的加载过程

浏览器加载网页时会经历以下过程：

1. DNS 解析： 浏览器首先会解析输入的网址，将域名解析成对应的 IP 地址。如果域名已经被解析过并且存在于本地缓存中，浏览器会直接使用缓存的 IP 地址，否则会向 DNS 服务器发送请求以获取 IP 地址。

2. 建立 TCP 连接： 浏览器通过 DNS 解析得到的 IP 地址向服务器发起 TCP 连接请求。TCP 连接的建立过程包括三次握手，确保服务器和浏览器之间建立可靠的连接。

3. 发送 HTTP 请求： 浏览器向服务器发送 HTTP 请求，请求网页的内容。请求的内容包括 HTML 文件、CSS 文件、JavaScript 文件、图片、视频等资源。

4. 服务器处理请求： 服务器接收到浏览器发送的 HTTP 请求后，根据请求的内容进行处理。处理的过程可能涉及到数据库查询、动态页面生成等操作。

5. 返回 HTTP 响应： 服务器将处理结果封装成 HTTP 响应，并发送给浏览器。响应的内容包括状态码、响应头信息以及请求的实际内容。

6. 接收响应数据： 浏览器接收到服务器返回的 HTTP 响应后，开始接收响应的数据。如果响应的内容是 HTML 文件，则浏览器会逐步解析 HTML 文件并开始渲染页面。

7. 解析 HTML 文件： 浏览器解析 HTML 文件，构建 DOM 树（文档对象模型）。DOM 树表示网页的结构，包括 HTML 元素、属性等信息。

8. 解析 CSS 文件： 浏览器解析 CSS 文件，构建 CSSOM 树（样式对象模型）。CSSOM 树表示网页的样式信息，包括元素的样式属性、选择器等。

9. 构建渲染树： 浏览器将 DOM 树和 CSSOM 树合并，构建渲染树（Render Tree）。渲染树包含需要显示的节点和这些节点的样式信息，不包含不需要显示的节点。

10. 布局和绘制： 浏览器根据渲染树计算每个节点在页面中的位置和大小，这个过程称为布局或回流（Layout or Reflow）。然后浏览器使用计算好的布局信息将页面内容绘制到屏幕上。

11. JavaScript 解析和执行： 如果 HTML 文件中包含了 JavaScript 代码，则浏览器会解析并执行 JavaScript 代码。JavaScript 的执行过程中可能会修改 DOM 树和 CSSOM 树，从而触发重新布局和重绘。

12. 加载完成： 当所有资源都加载完成并且页面渲染完毕后，浏览器会触发 DOMContentLoaded 事件，表示页面已经加载完成。此时用户可以开始与页面进行交互。如果页面中包含了外部资源（如图片、视频等），则会继续加载这些资源，直到所有资源都加载完成。

以上是浏览器加载网页的基本过程，具体的加载过程可能会受到网络速度、服务器性能、页面内容复杂度等因素的影响。