performance - 在 chrome 中，为什么 DOMContentLoaded 似乎比请求/响应本身花费的时间更长？

Question

如您所见，请求的实际长度及其后续响应非常快。您在此视图中看不到它，但蓝色条表示花费了 9 毫秒的事务。

两条线，红色和蓝色（几乎是瞬间完成，因此彼此非常接近），如图所示，在 51 毫秒左右出现。

那么，这里发生了什么？这实际上是在花费时间吗？还是只是浏览器记录它的方式？

Answer 1

您的请求需要 9 毫秒才能完成
在您的浏览器收到一些数据之后，它会将其转换为 html 对象（DOM）并显示在您的屏幕上（DOMLoaded）
转换和显示的动作花了您的浏览器 42 毫秒，这是差距在响应和 domLoaded 之间。

编辑：
我没能找到浏览器所做的确切事情，但是当我查看一个空页面的 dom 时（顺便说一句，在我的浏览器上需要 100 毫秒），我可以找到诸如本地存储、屏幕分辨率、地理位置和历史记录之类的东西.
除此之外，我可以想象如果 cookie 和加载项被上钩，它们也会占用一些时间。
例如，我的幽灵是为了阻止跟踪器，所以我假设他在页面完全加载之前这样做。
我希望我能给你一个浏览器在那个窗口中所做的事情的列表，但是唉。也许其他人可以提供一个实际的清单。