PerformanceScriptTiming

Long animation frames (LoAFs) are rendering updates that are delayed beyond 50ms. LoAFs can result in slow user interface (UI) updates, making controls appear unresponsive and causing janky (non-smooth) animated effects and scrolling. This often leads to user frustration.

The PerformanceScriptTiming interface (instances of which are accessed via the PerformanceLongAnimationFrameTiming.scripts property) provides the following granular set of information on individual scripts that contribute to LoAFs, allowing developers to narrow down their root causes:

• A detailed set of timestamps for each script.
• The identity and type of the invoker, i.e., the feature that, when invoked, ran the script.
• Detailed information on each script source file, including the URL, and the function name and character position that contributed to the LoAF.

PerformanceScriptTiming inherits from PerformanceEntry.

This interface extends the following PerformanceEntry properties for long animation frame performance entries:

PerformanceEntry.durationRead onlyExperimental

Returns a DOMHighResTimeStamp representing the elapsed time in milliseconds between the start and end of the script's execution.

PerformanceEntry.entryTypeRead onlyExperimental

Returns the entry type, which is always "script".

PerformanceEntry.nameRead onlyExperimental

Returns the entry name, which is always "script".

PerformanceEntry.startTimeRead onlyExperimental

Returns a DOMHighResTimeStamp representing the time when the script execution started, in milliseconds.

This interface also supports the following properties:

PerformanceScriptTiming.executionStartRead onlyExperimental

Returns a DOMHighResTimeStamp indicating the time when the script compilation finished and execution started.

PerformanceScriptTiming.forcedStyleAndLayoutDurationRead onlyExperimental

Returns a DOMHighResTimeStamp indicating the total time spent, in milliseconds, by the script processing forced layout/style. See Avoid layout thrashing to understand what causes this.

PerformanceScriptTiming.invokerRead onlyExperimental

Returns a string value indicating the identity of the feature that, when invoked, ran the script.

PerformanceScriptTiming.invokerTypeRead onlyExperimental

Returns a string value indicating the type of feature that, when invoked, ran the script.

PerformanceScriptTiming.pauseDurationRead onlyExperimental

Returns a DOMHighResTimeStamp indicating the total time, in milliseconds, spent by the script on "pausing" synchronous operations (for example, Window.alert() calls or synchronous XMLHttpRequests).

PerformanceScriptTiming.sourceCharPositionRead onlyExperimental

Returns a number representing the script character position of the script feature that contributed to the LoAF.

PerformanceScriptTiming.sourceFunctionNameRead onlyExperimental

Returns a string representing the name of the function that contributed to the LoAF.

PerformanceScriptTiming.sourceURLRead onlyExperimental

Returns a string representing the URL of the script.

PerformanceScriptTiming.windowRead onlyExperimental

Returns a reference to a Window object representing the window of the container (i.e., either the top-level document or an <iframe>) in which the LoAF-causing script was executed.

PerformanceScriptTiming.windowAttributionRead onlyExperimental

Returns an enumerated value describing the relationship of the container (i.e., either the top-level document or an <iframe>) in which the LoAF-causing script was executed, relative to the window running the current document.

PerformanceScriptTiming.toJSON()Experimental

Returns a JSON representation of the PerformanceScriptTiming object.

See Long animation frame timing for examples related to the Long Animation Frames API.

• Long animation frame timing
• PerformanceLongAnimationFrameTiming