白屏时间（White Screen Time）是指用户在打开一个网页后，从页面开始加载到用户首次看到页面内容之间的时间间隔。在这段时间内，用户通常会看到一个空白的页面，因此被称为“白屏时间”。
白屏时间的组成
白屏时间主要由以下几个阶段组成：
- DNS 解析时间：浏览器解析域名到 IP 地址的时间。
- TCP 连接时间：浏览器与服务器建立 TCP 连接的时间。
- HTTP 请求时间：浏览器发送 HTTP 请求并等待服务器响应的时间。
- HTML 解析时间：浏览器解析 HTML 文档并构建 DOM 树的时间。
- CSS 和 JavaScript 加载时间：浏览器加载和解析 CSS 和 JavaScript 文件的时间。
- 首次绘制时间（First Paint） ：浏览器首次在屏幕上绘制内容的时间。
白屏时间的意义
白屏时间是衡量网页性能的一个重要指标，它直接影响用户的体验。较短的白屏时间意味着用户可以更快地看到页面内容，从而提高用户的满意度和留存率。相反，较长的白屏时间可能导致用户感到页面加载缓慢，甚至可能离开页面。
如何测量白屏时间
白屏时间可以通过浏览器的 Performance API 来测量。以下是测量白屏时间的关键步骤：
- 导航开始时间（Navigation Start） ：页面开始加载的时间点。
- 首次绘制时间（First Paint） ：浏览器首次在屏幕上绘制内容的时间点。
- 白屏时间 = 首次绘制时间 - 导航开始时间
