性能记录事件参考

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

所有事件共有的属性

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

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

加载事件

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

事件 说明
分析 HTML Microsoft Edge 运行了 HTML 分析算法。
完成加载 网络请求已完成。
接收数据 已收到请求的数据。 有一个或多个“接收数据”事件。
接收响应 来自请求的初始 HTTP 响应。
发送请求 已发送网络请求。

加载事件的其他属性

属性 说明
资源 所请求资源的 URL。
预览 仅) 预览请求的资源 (图像。
Request 方法 用于请求的 HTTP 方法 (GETPOST,例如) 。
状态代码 HTTP 响应代码。
MIME 类型 所请求资源的 MIME 类型。
编码的数据长度 请求的资源长度(以字节为单位)。

另请参阅上面 所有事件共有的属性

编写事件脚本

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

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

脚本事件的其他属性

属性 说明
计时器 ID 计时器 ID。
Timeout 计时器指定的超时。
重复 指定计时器是否重复的布尔值。
函数调用 调用的函数。

另请参阅上面 所有事件共有的属性

呈现事件

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

事件 说明
使布局无效 页面布局因 DOM 更改而失效。
布局 页面布局已完成。
重新计算样式 Microsoft Edge 重新计算的元素样式。
Scroll 嵌套视图的内容已滚动。

呈现事件的其他属性

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

另请参阅上面 所有事件共有的属性

绘制事件

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

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

Painting 事件的其他属性

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

另请参阅上面 所有事件共有的属性

注意

此页面的部分内容是基于 Google 创建和 共享 的工作进行的修改,并根据 Creative Commons 署名 4.0 国际许可中所述的条款使用。 原始页面 在此处 找到,由 Meggin Kearney (Technical Writer) 和 Flavio Copes (Full Stack Developer) 创作。

Creative Commons 许可证 此作品根据 Creative Commons 署名 4.0 国际许可获得许可