为什么我在Chrome的Network Waterfall功能中看到请求之间的差距很大？

Question

我正在尝试降低网站的缓慢加载时间。我目前正在使用Chrome的Network Waterfall视觉效果，并且看到在完成一个请求和开始下一个请求之间存在很长的差距。我不知道这是否是我的项目所特有的，我需要尝试在代码中进行追踪，或者是否有一般的原因会导致这种情况发生。我应该寻找的东西。

为什么会这样？

您可以忽略第二个图像中心的灰线。那只是我的webpack / react项目的热门重新加载器。

Answer 1

尝试在“性能”标签中进行性能分析。您会发现在该时间段内已解析并执行了javascript代码。