dom - 页面加载时间中的 DOM 加载时间代表什么？

Question

这是我的一个页面的典型加载时间如何拆分为:-

Domain Lookup     0            0 %
Connect           134          .3%
Request         19658          40%
Response          134          .3%
DOM             28808          58%
Interactive         1           -
Content Loaded   1427           -
Load Event        645           1%

这些值是按照 chrome 扩展 Page Rank Status 显示的.现在很明显，请求和 DOM 部分是最耗时的部分。谁能解释一下 Request、Response、DOM、Interactive、Load Event 到底对应的是什么？这将帮助我优化我的网站并减少整体页面加载时间。

谢谢!

Answer 1

您可能想仔细阅读 W3C 导航计时 API，尤其是 PerformanceTiming 接口(interface) - http://www.w3.org/TR/navigation-timing/#sec-navigation-timing-interface .

Request = 从发送请求开始到收到响应的第一个字节所耗时 - 除非您所在的网络具有高延迟，否则大部分时间将是服务器处理时间。

响应 = 从响应的第一个字节到响应的最后一个字节耗时 - 这将是网络吞吐量和响应大小的函数。

我的猜测是 DOM 是页面开始和 DOMContentLoadedEnd 事件之间的区别，因此包括 Request 中的 19s。

如果你想更好地了解页面的性能，我建议通过 webpagetest.org 运行它