javascript - boomerang vc导航定时页面加载时间RT插件中timeDone的区别

Question

我使用 boomerang.js 为我的网站的真实用户监控网站性能。 http://lognormal.github.io/boomerang/doc/

它有一个RTPlugin http://lognormal.github.io/boomerang/doc/api/RT.html它测量 timeDone(感知的页面加载时间)。

对于支持导航计时的浏览器，还有boomerang支持的navigationg计时api。使用导航计时，我们可以使用以下方法计算页面加载时间:

totalTime = loadEventEnd - NavigationStart

https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html#processing-model

totalTime 和 timeDone 是不同的数字，当我更仔细地查看数据时，timeDone 总是比 totalTime

我的问题是

1. 这两个指标中的哪一个是确定页面加载时间的正确指标？
2. RT 插件除了捕获导航时间之外还有什么作用？
3. 我们什么时候应该使用哪个指标，为什么？

谢谢库纳尔

Answer 1

很高兴在这里见到你:)

哪个数字是正确的取决于您测量的是什么。如果您测量 onload 何时触发并让 boomerang 自行触发事件，那么这两个数字通常是相同的，因为 tdone 使用上面提到的相同数学。在 done() 方法中查看这段代码:

if(impl.navigationStart) {
    t_start = impl.navigationStart;
}

( https://github.com/lognormal/boomerang/blob/master/plugins/rt.js#L368 )

impl.navigationStart 等同于 window.performance.navigationStart，除非浏览器错误导致 navigationStart 错误或不存在。在这些情况下，回旋镖回落到其他值(有关更多详细信息，请参见源代码)。

结束时间其实就是调用done()方法的时间。默认情况下，这是在页面的 onload 方法中调用的，但您可以覆盖它。

许多网站的页面在 onload 事件触发之前被认为是“完整的”(用户可用)，因此您可能需要在那个时候调用 boomerang 的 BOOMR.page_ready 方法。

类似地，有些网站会在 onload 之后加载所有内容，您可以等到那个时候再调用 page_ready。

最后一种情况是 Google Chrome 预呈现页面。在这种情况下，会触发 onload 事件，但用户无法使用该页面。我们等到页面从预呈现状态移动到可见状态，然后再捕获时间(在这种情况下，我们捕获所有转换)。

希望这能回答您的问题。