渲染DOM元素所需的时间

Question

有没有办法检测在浏览器中呈现DOM元素所需的时间？

我正在制作一个应用程序，故意进行大量的DOM操作来测试角度1与角度2的速度。

但是，我无法找到有关如何计算更新DOM元素所需时间的信息。

Answer 1

您可以使用Navigation Timing API，例如

console.log(
  performance.timing.domContentLoadedEventEnd -
  performance.timing.domContentLoadedEventStart
);

Answer 2

Firebug怎么样？网络标签将为您提供加载时间