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 extension Page Rank Status显示。现在很明显，请求和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。

如果您想更好地了解网页的效果，建议您通过网页test.org运行

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

1 个答案: