Google chrome devtools Chrome DevTools网络瀑布-请求之间的差距？

我一直在对一个运行缓慢的web应用程序进行重构，并设法减少请求数量和下载量，以帮助改善这种情况。现在加载时间持续缩短。但是，在前两次请求之前几乎没有经过任何时间。现在一直存在差距

Q1：这些“差距”在Chrome网络视图中表示什么？

---

Q2：查看屏幕截图，DOMContentLoaded时间与总完成时间的对比，是否有任何结论可以帮助我进一步优化？

在性能面板中记录页面负载。有关如何使用面板的要点，请参见。也可以帮助你获得导向

但是，您需要按重新加载页面按钮（就像Sam在“了解网络瓶颈”视频中所做的那样），而不是按记录按钮来记录页面加载性能，正如“开始分析运行时性能”所指示的那样

录制完成后，Main部分将显示加载页面时发生的所有主线程活动。网络部分显示所有网络请求。您可能能够直观地验证在屏幕截图中看到的空白期间是否有大量JavaScript工作正在进行

---

如果您仍然不清楚，请发布您的性能面板录制的屏幕截图，我将帮助您解码结果。

1。花在不是网络请求的东西上的时间。2.不