如何使用Javascript(库)配置浏览器页面加载?

时间:2011-08-16 19:47:31

标签: browser javascript page-load-time

我一直在做这方面的大量研究,但我想我可以拥挤来源我所拥有的,看看是否有人可以提供我所拥有的东西。所以我希望能够使用JS确定页面加载时间。不仅将页面加载作为单个数字,而且作为细分。

首先我发现了一个新的W3C规范(草案): https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html

这将是完美的,但它仅限于Chrome和IE,并且它们在浏览器之间仍然不一致。

但是现在我发现New Relic的真实用户监控(RUM)基于Steve Souders的Javascript库。据我所知,他们可以确定我从新的w3c草案中看到的相同数据。

他们似乎正在使用HTTP存档:http://code.google.com/p/httparchive/

但是,我似乎无法找到有关页面性能或负载的任何信息,因此我不确定我是否在查看正确的库。

当然,如果还有其他任何内容,可以提供有关页面分析的更多信息,我欢迎收到这些信息。

1 个答案:

答案 0 :(得分:1)

看看雅虎的Boomerang.js(https://github.com/yahoo/boomerang)。

应该允许你滚动你自己的RUM并且优雅地降级,所以你仍然应该从没有navigation.timing的浏览器获得一些信息。

此外,如果您可以访问Windows,可以使用dynatrace的工具 - 可以很好地了解页面加载过程中的内容(在IE和FF中)