HAR 文件瀑布分析器

HAR（HTTP 存档）文件是浏览器的 DevTools Network 面板在页面加载期间记录的所有内容的 JSON 导出：每个请求和响应标头、每个响应正文的确切大小和 MIME 类型以及每个请求的时间细分。您可以通过打开 DevTools，在“网络”选项卡上重新加载页面，然后右键单击请求列表并选择“全部另存为包含内容的 HAR”，从 Chrome、Firefox、Edge 或 Safari 生成一个请求。该工具直接读取导出的文件 - 不会重新获取或重新请求任何内容。

瀑布图完全根据文件内已有的数据构建：每个条目自己的计时对象将请求分为阻止、DNS 查找、连接、SSL/TLS 协商、发送、等待（第一个字节的时间）和接收阶段，每个阶段都绘制为自己的彩色段。根据 HAR 规范，SSL 时间也包含在连接内，因此首先将其减去 - 否则 TLS 部分将被计算两次，条形宽度将不再累加到请求的实际持续时间。虚线垂直标记显示 DOMContentLoaded 和 Load，直接从文件自己的页面计时读取，因此您可以准确地看到在页面变为交互式之前完成了哪些请求。

除了图表之外，该工具还对 HAR 格式已记录的字段运行三个查找规则。它标记既不携带 Cache-Control 也不携带 Expires 标头的可缓存响应（状态 200、203 或 206），这意味着重复访问必须从头开始重新下载它们。它标记文本响应——HTML、CSS、JavaScript、JSON、SVG 和类似的——大于 1 KB，且在没有内容编码的情况下提供服务，这是大多数服务器可以通过一条配置行打开的简单压缩机会。它还标记在页面自己的 DOMContentLoaded 偏移量之前开始的 CSS 或 JavaScript 请求，这是渲染阻塞资源的经典签名。

所有这些都运行在您上传的文件中已经存在的数据上——没有网络访问，没有外部查找服务，也没有重新获取原始页面。 HAR 文件完全在浏览器选项卡中读取、解析和呈现，并且永远不会上传到任何地方。