渲染DOM元素所需的時間

Question

有沒有一種方法可以檢測在瀏覽器中呈現DOM元素所花費的時間？

我正在制作一個應用程序，目的是進行大量的DOM操作以測試角度1與角度2的速度。

但是，我在查找有關如何計算更新DOM元素所需時間的信息時遇到了麻煩。

Answer 1

例如，您可以使用Navigation Timing API

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

Answer 2

那螢火蟲呢？ “網絡”標簽會為您提供加載時間