jquery - 具有动态内容的 HTML5 Navigation Timing API

Question

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

Answer 1

NavigationTiming属性的值在文档事件触发并返回后设置：loadEventEnd load

loadEventEnd 属性

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

从你的陈述中：

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

听起来您在主体事件触发src期间或之后更改 a 属性。load由于该load事件仅在页面上触发一次，因此window.performance.timing.loadEventEnd一旦将其设置为非零值，该属性将永远不会更改。因此它不会反映下载新的img src.

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