3

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

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 到底对应什么?这将帮助我优化我的网站并减少整体页面加载时间。

谢谢 !

4

1 回答 1

5

您可能想好好阅读 W3C Navigation Timing API,尤其是 PerformanceTiming 接口 - http://www.w3.org/TR/navigation-timing/#sec-navigation-timing-interface

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

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

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

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

于 2014-01-02T14:18:03.757 回答