面试题：从输入 URL 到页面显示，发生了什么？

高层流水线（口述版）

1. URL 解析：协议、主机、路径。
2. DNS 解析得 IP（若已缓存则跳过）。
3. TCP 连接（HTTPS 再 TLS 握手）。
4. 发 HTTP 请求，收响应；重定向则重复。
5. 解析 HTML 构建 DOM；遇 CSS/JS 按阻塞规则加载执行。
6. 解析 CSS → CSSOM，与 DOM 合成 渲染树。
7. 布局（Layout/Reflow） 算几何 → 绘制（Paint） → 合成（Composite） 上屏。
8. 后续 JS、异步资源、动态 DOM 可能触发增量更新。

常考点

• CSS 默认阻塞渲染（可 media、关键 CSS 内联等优化）。
• async/defer 对 JS 与解析的影响。
• 重定向与 HSTS 对首跳的影响。