从URL输入到页面显示#

解析 URL 各部分：协议（https）、域名（www.example.com）、路径（/page）、参数
判断是否有效 URL；无效则作为搜索关键词提交到搜索引擎

Service Worker → 内存缓存 / 磁盘缓存
强缓存（Cache-Control: max-age 未过期）命中：直接用本地资源，不发网络请求，后面几步都跳过
过期了带 If-None-Match / If-Modified-Since 去做协商缓存，命中返回 304

浏览器 DNS 缓存 → 操作系统缓存（含 hosts 文件）→ 本地 DNS 服务器（运营商/公共 DNS）
Chrome 等浏览器开启"安全 DNS"时走 DoH（DNS over HTTPS）直接问 DoH 服务器，绕过系统解析

客户端 → 本地 DNS 服务器是递归查询；本地 DNS 服务器再迭代查询：
  本地 DNS 服务器 → 根域名服务器（返回 .com 的 NS）
                   → .com 顶级域名服务器（返回 example.com 的 NS）
                   → example.com 权威 DNS 服务器（返回 www.example.com 的 IP）
  → 缓存 IP，返回给浏览器
浏览器还会查 HTTPS 记录（RFC 9460），如果声明了 alpn=h3，可以第一次访问就直接走 HTTP/3

客户端 → SYN → 服务端
客户端 ← SYN-ACK ← 服务端
客户端 → ACK → 服务端
连接建立（约 1 RTT）

HTTP/3 例外：服务端通过 DNS HTTPS 记录或响应头 Alt-Svc 声明支持 h3 时，
浏览器改用 QUIC（UDP），没有 TCP 三次握手，传输握手和 TLS 1.3 合并成 1 RTT，恢复会话可 0-RTT

TLS 1.2：额外 2 RTT
TLS 1.3：额外 1 RTT（优化），会话恢复可 0-RTT
建立加密通道；ALPN 在握手中协商用 HTTP/1.1 还是 HTTP/2

构造 HTTP 请求报文：
GET /page HTTP/1.1
Host: www.example.com
Cookie: ...
Accept: text/html
User-Agent: ...

Web 服务器（Nginx）接收请求
→ 反向代理到后端（Tomcat/Spring Boot）
→ 应用层处理（Controller → Service → DB → Cache）
→ 构造 HTTP 响应报文返回

解析 HTML → 构建 DOM 树
解析 CSS → 构建 CSSOM 树
DOM + CSSOM → Render Tree（渲染树）

遇到 <script>：
  默认阻塞解析（等脚本加载执行完）
  async：异步加载，加载完立即执行（不阻塞解析）
  defer：异步加载，HTML 解析完后执行（不阻塞）

布局（Layout / Reflow）：计算每个元素的位置和大小
绘制（Paint）：将元素绘制到位图
合成（Composite）：多层合并，输出最终页面