性能记录事件参考

在 “性能 ”工具中， “主 ”部分显示录制时触发的所有事件。下面描述了每种事件类型：

所有事件共有的属性

以下属性对性能工具的 Main 部分中的所有事件类型通用。以下后续部分列出了特定于某些事件类型的其他属性。

属性	何时显示
聚合时间	对于具有嵌套事件的事件，按每个类别的事件花费的时间。
调用堆栈	对于具有子事件的事件，是每个事件类别所花费的时间。
CPU 时间	记录的事件占用了多少 CPU 时间。
详细信息	有关事件的其他详细信息。
时间戳) 的持续时间 (	与所有子级一起完成活动需要多长时间：timestamp 是事件发生的时间，相对于录制开始的时间。
自助时间	事件花了多长时间，没有其任何子项。
已用堆大小	记录事件时应用程序使用的内存量，并且自上次采样以来，已用堆大小中的增量 (+/-) 更改。

以下事件属于 “加载” 类别。

以下事件属于 “脚本” 类别。

事件	说明
触发的动画帧	已触发计划的动画帧，并调用其回调处理程序。
取消动画帧	已取消计划的动画帧。
GC 事件	发生了垃圾回收。
DOMContentLoaded	DOMContentLoaded 事件是由浏览器触发的。加载和分析页面的所有 DOM 内容时，将触发此事件。
评估脚本	已评估脚本。
事件	JavaScript 事件 (， `mousedown`例如、或 `key`) 。
函数调用	进行顶级 JavaScript 函数调用 (仅在浏览器进入 JavaScript 引擎) 时才显示。
安装计时器	使用 setInterval () 或 setTimeout () 创建了计时器。
请求动画帧	调用 `requestAnimationFrame()` 计划了新帧。
删除计时器	已清除以前创建的计时器。
时间	名为 console.time 的脚本 () 。
时间结束	名为 console.timeEnd 的脚本 () 。
触发的计时器	使用或 `setTimeout()`计划触发的`setInterval()`计时器。
XHR 就绪状态更改	XMLHTTPRequest 的就绪状态已更改。
XHR 负载	加载 `XMLHTTPRequest` 完成。

以下事件属于 “呈现” 类别。

属性	说明
布局已失效	对于布局记录，是导致布局失效的代码的堆栈跟踪。
需要布局的节点	对于布局记录，表示在中继开始之前标记为需要布局的节点数。这些节点通常是开发人员代码失效的节点，外加一个向上到中继根的路径。
布局树大小	对于布局记录，中继根目录下的节点总数 (Microsoft Edge 启动中继) 的节点总数。
布局范围	可能的值为 `Partial` (重新布局边界是 DOM) 或 `Whole document`的一部分。
受影响的元素	对于“重新计算样式记录”，表示受样式重新计算影响的元素数。
样式已失效	对于“重新计算样式记录”，提供导致样式失效的代码的堆栈跟踪。

以下事件位于 “绘画 ”类别中。

事件	说明
复合层	Microsoft Edge 呈现引擎的复合图像层。
图像解码	已解码图像资源。
图像调整大小	图像已从其本机维度调整大小。
油漆	复合层被绘制到显示区域。将鼠标悬停在画图记录上会突出显示已更新的显示区域。

属性	说明
位置	对于画图事件，为绘制矩形的 x 和 y 坐标。
Dimensions	对于“画图”事件，为绘制区域的高度和宽度。

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改，并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。原始页面在此处找到，由 Meggin Kearney 和 Flavio Copes 创作。