Limited Availability
Performance
id: long-animation-frames
Long animation frames
The
long-animation-frame performance event type and the PerformanceLongAnimationFrameTiming API provide information about rendering updates that take longer than 50 milliseconds. Also known as LoAFs.
Baseline Status:
This feature is currently Limited and is missing in at least one major browser engine.
Desktop Browser Engine Support
Google Chrome
123
Supported
Mozilla Firefox
—
Unsupported
Apple Safari
—
Unsupported
Microsoft Edge
123
Supported
Mobile Browser Engine Support
Chrome Android
123
Firefox Android
—
Safari iOS
—
Specifications and References
MDN Browser Compat Data Keys:
api.PerformanceLongAnimationFrameTiming ↗
api.PerformanceLongAnimationFrameTiming.blockingDuration ↗
api.PerformanceLongAnimationFrameTiming.firstUIEventTimestamp ↗
api.PerformanceLongAnimationFrameTiming.renderStart ↗
api.PerformanceLongAnimationFrameTiming.scripts ↗
api.PerformanceLongAnimationFrameTiming.styleAndLayoutStart ↗
api.PerformanceLongAnimationFrameTiming.toJSON ↗
api.PerformanceScriptTiming ↗
api.PerformanceScriptTiming.executionStart ↗
api.PerformanceScriptTiming.forcedStyleAndLayoutDuration ↗
api.PerformanceScriptTiming.invoker ↗
api.PerformanceScriptTiming.invokerType ↗
api.PerformanceScriptTiming.pauseDuration ↗
api.PerformanceScriptTiming.sourceCharPosition ↗
api.PerformanceScriptTiming.sourceFunctionName ↗
api.PerformanceScriptTiming.sourceURL ↗
api.PerformanceScriptTiming.toJSON ↗
api.PerformanceScriptTiming.window ↗
api.PerformanceScriptTiming.windowAttribution ↗