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

Question

如您所见，请求的实际长度及其后续响应非常快。您无法在此 View 中看到它，但蓝色条表示耗时 9 毫秒的事务。

两条线，红色和蓝色(几乎是瞬间完成的，因此彼此非常接近)，图片最右边，显示大约 51 毫秒。

那么，这里发生了什么？这真的是在浪费时间吗？还是浏览器记录它的方式？

Answer 1

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

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