Javascript 侦听HTML呈现过程事件

我正在阅读一些关于渲染过程的文章：

我希望能够监听渲染过程中发生的步骤事件，能够知道浏览器何时开始（和完成）处理HTML文档，何时将css规则添加到CSSOM树中

事实上，我正在寻找在中显示的信息，但以正式格式显示

---

我不认为有一个标准化的模型，但可能有一些浏览器允许监听这些事件

您可以从IDL接口使用只读属性：

interface PerformanceTiming {
  readonly attribute unsigned long long navigationStart;
  readonly attribute unsigned long long unloadEventStart;
  readonly attribute unsigned long long unloadEventEnd;
  readonly attribute unsigned long long redirectStart;
  readonly attribute unsigned long long redirectEnd;
  readonly attribute unsigned long long fetchStart;
  readonly attribute unsigned long long domainLookupStart;
  readonly attribute unsigned long long domainLookupEnd;
  readonly attribute unsigned long long connectStart;
  readonly attribute unsigned long long connectEnd;
  readonly attribute unsigned long long secureConnectionStart;
  readonly attribute unsigned long long requestStart;
  readonly attribute unsigned long long responseStart;
  readonly attribute unsigned long long responseEnd;
  readonly attribute unsigned long long domLoading;
  readonly attribute unsigned long long domInteractive;
  readonly attribute unsigned long long domContentLoadedEventStart;
  readonly attribute unsigned long long domContentLoadedEventEnd;
  readonly attribute unsigned long long domComplete;
  readonly attribute unsigned long long loadEventStart;
  readonly attribute unsigned long long loadEventEnd;
};

它满了

---

但是你听不到性能的变化。计时对象。

谢谢，这就是我要找的。但你所说的“你听不到性能的变化。计时对象”是什么意思？