面试题背了很多遍，不如亲手抓一次包。这篇文章按时间顺序还原一次页面加载的完整过程。

连接之前

浏览器先查缓存，再走 DNS 解析。现代浏览器还会预解析常见域名、预热连接，很多步骤在你按下回车前就发生了。

连接与传输

TCP 握手、TLS 协商、HTTP 请求依次展开。用抓包工具过滤握手包，能直观看到每个往返的耗时占比。

渲染阶段

响应字节流解析成 DOM 与 CSSOM，合成布局树后绘制。网络视角与渲染视角在这里交接。