1. URL 解析与格式化
浏览器解析 URL 的各个部分（协议、域名、路径等）
如果没有协议（如 http:// 或 https://），浏览器会自动补全
对 URL 进行编码处理（如将空格转为 %20）
2. 检查本地缓存
浏览器缓存：检查是否已缓存该页面
Service Worker：检查是否有注册的 Service Worker 可以处理请求
HSTS 预加载列表：检查是否为 HTTPS 强制站点
3. DNS 解析
- 浏览器缓存 → 2. 系统 hosts 文件 → 3. 本地 DNS 缓存 → 4. 递归查询（ISP DNS 服务器）→ 5. 根域名服务器 → 6. TLD 服务器 → 7. 权威 DNS 服务器
获取域名对应的 IP 地址
可能涉及 DNS 预取或预连接优化
4. 建立 TCP 连接
三次握手：
客户端发送 SYN 包
服务器回应 SYN-ACK 包
客户端发送 ACK 包
HTTPS 还会进行 TLS 握手（4次往返）
5. 发送 HTTP 请求
GET /path HTTP/1.1
Host: example.com
User-Agent: ...
Accept: text/html,...
Cookie: ...
包含请求方法、路径、协议版本
携带各种请求头信息
如果有 POST 数据，会包含请求体
6. 服务器处理请求
Web 服务器（如 Nginx、Apache）接收请求
可能转发给应用服务器（如 Node.js、PHP-FPM）
执行业务逻辑，查询数据库
生成 HTTP 响应
7. 接收响应
HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Content-Length: 1234
Set-Cookie: ...
浏览器接收状态码、响应头和响应体
根据状态码处理（重定向、错误等）
8. 渲染页面
关键渲染路径：
构建 DOM 树：解析 HTML 为 DOM
构建 CSSOM：解析 CSS 为样式树
JavaScript 执行：
遇到 <script> 会阻塞解析
使用 async 或 defer 可异步加载
构建渲染树：合并 DOM 和 CSSOM
布局：计算元素的位置和大小
绘制：将像素绘制到屏幕上
合成：处理图层和 GPU 加速
9. 加载子资源
解析 HTML 时发现更多资源（CSS、JS、图片）
对每个资源重复 DNS、TCP、请求过程
现代浏览器支持 HTTP/2 多路复用，减少连接数
10. 后续处理
执行 JavaScript 初始化代码
触发 DOMContentLoaded 事件
触发 load 事件（所有资源加载完成）
可能运行 Service Worker 的安装和激活
优化相关机制
TCP 快速打开：减少握手延迟
HTTP/2 或 HTTP/3：提升传输效率
预加载/预连接：<link rel="preconnect">
CDN 加速：地理分布的内容分发
浏览器并发限制：通常每个域名 6-8 个并发连接
整个过程涉及多个网络协议栈（HTTP/TCP/IP/DNS）和浏览器引擎的协同工作，现代浏览器还通过各种优化技术（如预解析、资源优先级、缓存策略）来加速页面加载。