面试官问“怎么优化页面加载速度”，你Ke以先说两个关键时间点：它Zuo的是“尽力而为”的服务：

数据传输完毕，需要断开 TCP 连接释放资源。这个过程需要四次挥手

客户端 → 服务器SYN，带上初始序号 J “我想和你建立连接，我发送的包从 J 开始编号，你听得到吗？”

服务器 → 客户端SYN + ACK，确认号 J+，同时带上自己的初始序号 K “听到了你下一个从 J+ 开始发。我也想和你建立连接，我的包从 K 开始编号，你听得到吗？”

客户端 → 服务器ACK，确认号 K+ “听到了你下一个从 K+ 开始发。咱们Ke以正式开始传数据了。”

服务器 → 客户端ACK，确认号 M+ “知道你没数据了但我可Neng还有数据没发完，你再等等。”

对于 HTML、CSS、JS、图片这类 Web 资源，哪怕一个包出错dou可Neng导致页面渲染异常。TCP 专门解决两个核心问题：

客户端 → 服务器SYN ，带上初始序号 `J` "我想和你建立连接,我发送的包从 J 开始编号,你听得到吗？"

服务器 → 客户端 ： `ACK` ，确认号 `J+` ，同时带上自己的初始序号 `K` "听到了,你下一个从 J+ 开始发。我也想和你建立连接,我的包从 K 开始编号,你听得到吗？"

对实时性要求极高、Neng容忍少量数据丢失的音视频直播、视频通话、在线游戏。

**首次渲染时间 ** 是衡量前端性Neng的关键指标之一。它代表着浏览器在接收到请求后完成所有必要的步骤并开始绘制页面内容所需的时间。

**TTFB ** 是指浏览器收到服务器响应后的时间。

**响应下载时间** 指的是浏览器下载资源所需的时间。

**HTML DOM树构建时间** 指的是浏览器解析 HTML 并构建 DOM 树所需的时间。

**CSSOM 构建时间** 指的是浏览器解析 CSS 并构建 CSSOM 树所需的时间。

**RenderTree 构建** 指的是浏览器根据 CSSOM 构建 RenderTree所需的时间。

**布局** 指的是浏览器计算元素的位置和大小所需的时间。

DNS解析 → TCP握手 → HTTP请求 → 服务器响应 → **渲染**引擎解析 → 加载资源→ **页面渲染**