仅在加载某些页面元素时进行测量

问题描述 投票:3回答:4

我们使用Jiffy的修改版来衡量实际的客户端性能。>>

[我们要做的最重要的事情是测量从收到请求到浏览器在页面加载事件触发之间的时间。

在某些页面上,我们有iframe元素指向我们无法控制的外部网站-有时加载它们需要很长时间。目前,只有iframe完全加载后,我们页面的页面加载事件才会触发(并且它自己的加载事件触发)。

我想分开这些度量-在加载包括iframe的所有内容之后进行一次度量,但在不包含iframe的情况下进行一次度量-也就是说,如果我们没有一个iframe

到目前为止,我设法做到这一点的唯一方法是在页面加载事件之后将iframe添加到DOM,但这会延迟iframe的加载。

有什么想法吗?

编辑:赏金已经结束,感谢您的帮助和想法!我选择Jed的答案是因为它给了我一个新主意-开始加载iframe,但是“暂停”它们,以免影响页面加载(通过临时设置src="about:blank")。我将尝试为结果添加更详细的摘要。

我们使用Jiffy的修改版来衡量实际的客户端性能。我们要做的最重要的事情是测量收到请求到页面加载事件之间的时间...

javascript performance dom-events client-side
4个回答
3
投票

您可以通过多个iframe实现此功能,而无需通过以下方式动态添加它们:


1
投票

我不熟悉jiffy 本身


0
投票

我不确定是否能为您提供帮助:


0
投票

我将建议OdomWat建议的“ domready”事件,但有一个例外:您不需要jQuery来实现此事件。在http://dean.edwards.name/weblog/2006/06/again/中,对所有三种(实际上是4种)主要浏览器都有很好的解释。

实际上,如果您在特定的浏览器上运行测试,则可以更轻松地实施此事件进行跟踪。

希望有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.