Limited Availability
Performance
Long animation frames performance entries
A
long-animation-frame performance entry measures rendering updates that take longer than 50 milliseconds. Also known as LoAFs.
Baseline Status:
This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Mar 22, 2024.
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 ↗
id: long-animation-frames