请求耗时分析器

本工具用于分析 HTTP 请求的各阶段耗时，通过浏览器 Performance API 和 Fetch API 获取请求的详细时间分解，并以瀑布图形式可视化展示。

分析的阶段说明：

- DNS 查询 (DNS Lookup)：域名解析时间，将域名转换为 IP 地址所需的时间。浏览器会缓存 DNS 结果，后续请求可能为 0。

- 连接建立 (Connection)：TCP 连接建立时间，包括三次握手。使用 HTTP/2 或连接复用时可能为 0。

- TLS 握手 (TLS Handshake)：HTTPS 连接的 TLS 加密握手时间。HTTP 请求不包含此阶段。

- 请求发送 (Request Sent)：客户端发送请求到服务器的时间。

- 首字节时间 (TTFB - Time to First Byte)：从发送请求到收到第一个字节响应的时间，反映服务器处理速度。

- 内容下载 (Content Download)：从收到第一个字节到接收完整响应的时间，与响应体大小和网络带宽有关。

技术限制说明：

- 浏览器 Fetch API 不直接提供详细的请求阶段耗时信息，本工具使用 Performance API 的 Resource Timing 接口获取 timing 数据。

- 由于 CORS 限制，跨域请求的 timing 信息可能不完整（需要目标服务器设置 Timing-Allow-Origin 头）。

- DNS 查询和连接建立时间在连接复用时为 0，建议清除浏览器缓存后首次测试以获得完整数据。

使用方法：输入目标 URL，点击「开始分析」，工具会发送请求并从 Performance API 中提取对应的 timing 数据进行展示。