【问题标题】:HTML5 Navigation Timing API with dynamic content具有动态内容的 HTML5 Navigation Timing API
【发布时间】:2013-03-14 20:58:43
【问题描述】:

我想知道动态内容是否对诸如 loadEnd 等计时值有任何影响。例如,我在加载页面后使用 jquery 有条件地更改代码中图像的“src”属性。这是如何处理的?我尝试通过检查加载图像之前和之后的值来测试它,加载该图像后值看起来没有变化。 这是否意味着导航计时 API 不包括动态内容加载?

【问题讨论】:

标签: jquery html navigation-timing-api


【解决方案1】:

一旦文档的load 事件被触发并返回,loadEventEndNavigationTiming 属性的值就会被设置:

loadEventEnd 属性

该属性必须返回当前文档的加载事件完成的时间。当加载事件未触发或未完成时,它必须返回零。

从你的陈述中:

...我在我的代码中使用 jquery 有条件地更改图像的“src”属性,加载页面后...

听起来您在主体的load 事件触发期间或之后更改src 属性。由于load 事件只在页面上触发一次,所以window.performance.timing.loadEventEnd 属性一旦设置为非零值就永远不会改变。因此它不会反映下载新的img src 所花费的额外时间。

如果您想包括下载要更改src 的附加图像所需的时间,您可以挂钩到该图像的load 事件。触发该事件后,将Date.now()navigationStart 进行比较,而不是loadEventEnd,以获取总的页面加载时间。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-01-14
    • 1970-01-01
    • 2014-05-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-06
    相关资源
    最近更新 更多