Timeline Event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
Common timeline event properties
Certain details are present in events of all types, while some only apply to certain event types. This section lists properties common to different event types. Properties specific to certain event types are listed in the references for those event types that follow.
|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.|
This section lists events that belong to Loading category and their properties.
|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.|
Loading event properties
|Resource||The URL of the requested resource.|
|Preview||Preview of the requested resource (images only).|
|Request Method||HTTP method used for the request (
|Status Code||HTTP response code.|
|MIME Type||MIME type of the requested resource.|
|Encoded Data Length||Length of requested resource in bytes.|
This section lists events that belong to the Scripting category and their properties.
|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.|
|Install Timer||A timer was created with setInterval() or setTimeout().|
|Request Animation Frame||A
|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
|XHR Ready State Change||The ready state of an XMLHTTPRequest changed.|
Scripting event properties
|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.|
This section lists events that belong to Rendering category and their properties.
|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.|
Rendering event properties
|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
|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.|
This section lists events that belong to Painting category and their properties.
|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.|
Painting event properties
|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.|
Getting in touch with the Microsoft Edge DevTools team
Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.
- Send your feedback using the Send Feedback icon or select
I(Windows, Linux) or
I(macOS) in DevTools.
- Tweet at @EdgeDevTools.
- Submit a suggestion to The Web We Want.
- To file bugs about this article, use the following Feedback section.
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 (Tech Writer) and Flavio Copes (Full Stack Developer).
This work is licensed under a Creative Commons Attribution 4.0 International License.