Chrome开发工具在网络和性能标签中混淆了工具

Question

我正在评估我的样板： 但是，Network标签和Performance标签中显示的时间存在一些混淆。

网络标签：

它表示在服务器解析了请求后，22ms中已下载了博客（.html），因此总计~51ms

效果标签：

它表示博客（.html）蓝色在~132ms之后开始下载 并在~199ms结束，之后浏览器开始解析它。

为什么同一页面刷新有两个不同的东西（硬刷新，但无关紧要）？

Answer 1

网络面板在刷新时开始全新录制，除非选中“保留日志”。您会注意到“性能”面板从您记录的时间开始进行分析。因此，它考虑了当前页面加上新页面请求的现有分析。

这是正常的行为。您通常无需将网络面板数据与性能数据关联到该程度。 Performance中提供了网络请求信息，主要是为了帮助您在执行工作的网络资源和执行任务的引擎之间获得所需的相关性。