Performance recording event reference
In the Performance tool, the Main section displays all events that are triggered while making a recording. Each event type is described below:
Properties common to all events
The following properties are common to all event types in the Performance tool's Main section. Additional properties that are specific to certain event types are listed in the subsequent sections below.
| Property | When is it shown |
|---|---|
| Aggregated time | For events with nested events, the time taken by each category of events. |
| Call Stack | For events with child events, the time taken by each category of events. |
| CPU time | How much CPU time the recorded event took. |
| Details | Other details about the event. |
| Duration (at time-stamp) | How long it took the event with all of its children to complete; timestamp is the time at which the event occurred, relative to when the recording started. |
| Self time | How long the event took without any of its children. |
| Used Heap Size | Amount of memory being used by the application when the event was recorded, and the delta (+/-) change in used heap size since the last sampling. |
Loading events
The following events are in the Loading category.
| Event | Description |
|---|---|
| Parse HTML | Microsoft Edge ran the HTML parsing algorithm. |
| Finish Loading | A network request completed. |
| Receive Data | Data for a request was received. There are one or more Receive Data events. |
| Receive Response | The initial HTTP response from a request. |
| Send Request | A network request has been sent. |
Additional properties for Loading events
| Property | Description |
|---|---|
| Resource | The URL of the requested resource. |
| Preview | Preview of the requested resource (images only). |
| Request Method | HTTP method used for the request (GET or POST, for example). |
| Status Code | HTTP response code. |
| MIME Type | MIME type of the requested resource. |
| Encoded Data Length | Length of requested resource in bytes. |
See also Properties common to all events, above.
Scripting events
The following events are in the Scripting category.
| Event | Description |
|---|---|
| Animation Frame Fired | A scheduled animation frame fired, and its callback handler invoked. |
| Cancel Animation Frame | A scheduled animation frame was canceled. |
| GC Event | Garbage collection occurred. |
| DOMContentLoaded | The DOMContentLoaded event was fired by the browser. This event is fired when all of the DOM content of the page is loaded and parsed. |
| Evaluate Script | A script was evaluated. |
| Event | A JavaScript event (for example, mousedown, or key). |
| Function Call | A top-level JavaScript function call was made (only appears when browser enters JavaScript engine). |
| Install Timer | A timer was created with setInterval() or setTimeout(). |
| Request Animation Frame | A requestAnimationFrame() call scheduled a new frame. |
| Remove Timer | A previously created timer was cleared. |
| Time | A script called console.time(). |
| Time End | A script called console.timeEnd(). |
| Timer Fired | A timer fired that was scheduled with setInterval() or setTimeout(). |
| XHR Ready State Change | The ready state of an XMLHTTPRequest changed. |
| XHR Load | An XMLHTTPRequest finished loading. |
Additional properties for Scripting events
| Property | Description |
|---|---|
| Timer ID | The timer ID. |
| Timeout | The timeout specified by the timer. |
| Repeats | Boolean that specifies if the timer repeats. |
| Function Call | A function that was invoked. |
See also Properties common to all events, above.
Rendering events
The following events are in the Rendering category.
| Event | Description |
|---|---|
| Invalidate layout | The page layout was invalidated by a DOM change. |
| Layout | A page layout was completed. |
| Recalculate style | Microsoft Edge recalculated element styles. |
| Scroll | The content of nested view was scrolled. |
Additional properties for Rendering events
| Property | Description |
|---|---|
| Layout invalidated | For Layout records, the stack trace of the code that caused the layout to be invalidated. |
| Nodes that need layout | For Layout records, the number of nodes that were marked as needing layout before the relayout started. These are normally those nodes that were invalidated by developer code, plus a path upward to relayout root. |
| Layout tree size | For Layout records, the total number of nodes under the relayout root (the node that Microsoft Edge starts the relayout). |
| Layout scope | Possible values are Partial (the re-layout boundary is a portion of the DOM) or Whole document. |
| Elements affected | For Recalculate style records, the number of elements affected by a style recalculation. |
| Styles invalidated | For Recalculate style records, provides the stack trace of the code that caused the style invalidation. |
See also Properties common to all events, above.
Painting events
The following events are in the Painting category.
| Event | Description |
|---|---|
| Composite Layers | The composited image layers for the Microsoft Edge rendering engine. |
| Image Decode | An image resource was decoded. |
| Image Resize | An image was resized from its native dimensions. |
| Paint | Composited layers were painted to a region of the display. Hovering over a Paint record highlights the region of the display that was updated. |
Additional properties for Painting events
| Property | Description |
|---|---|
| Location | For Paint events, the x and y coordinates of the paint rectangle. |
| Dimensions | For Paint events, the height and width of the painted region. |
See also Properties common to all events, above.
Note
Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License. The original page is found here and is authored by Meggin Kearney (Technical Writer) and Flavio Copes (Full Stack Developer).
This work is licensed under a Creative Commons Attribution 4.0 International License.