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:

• Loading events
• Scripting events
• Rendering events
• Painting events

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.