页面加载时序中的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扩展页面排名状态显示.现在很明显,请求和DOM部分是最耗时的部分.任何人都可以解释一下Request,Response,DOM,Interactive,Load Event究竟对应什么？这将有助于我优化我的网站并减少整个页面加载时间.

谢谢 !

Answer 1

您可能希望仔细阅读W3C Navigation Timing API,特别是PerformanceTiming接口 - http://www.w3.org/TR/navigation-timing/#sec-navigation-timing-interface.

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

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

我的猜测是DOM是页面开头和DOMContentLoadedEnd事件之间的区别,所以包括来自Request的19s.

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