确定筛选Web应用程序的时间

Question

Web应用程序具有一定的及时性限制。如何检查从调用JS函数到在浏览器中显示信息的时间？

显然我可以开始使用秒表，但我应该停止什么事情？

Answer 1

现代浏览器提供Navigation Timing API，您可以使用它来获取此类信息。您使用的哪些信息取决于您，可能是domComplete或loadEventStart（当然还有loadEventEnd，如果您想知道所有内容何时完全加载，但您可以这样做与window.onload）。 This tutorial可能有用。

如果您正在谈论在页面加载后通过ajax请求某些内容（您已经说过＆＃34; ...从调用JS函数到在浏览器中显示信息......＆ ＃34;），将其添加到页面，并查看花了多长时间，在完成将元素附加到DOM之后，在从ajax onreadystatechange处理程序回调返回之前立即停止计时器。或者，如果您希望确实确保信息已经呈现，那么在使用该回调中的setTimeout(function() { /*...end the timer...*/ }, 0);后，会在最短的时间内返回浏览器，让它有机会渲染（如果在JS运行时它没有渲染）。