Long Animation Frames in JavaScript SDK
We have recently added support for the Long Animation Frames API to the JavaScript SDK. At the moment, this feature is supported by Chromium browsers (Chrome, Edge, Opera). See this chart for the latest browser compatibility information.
This new instrumentation improves on the existing Long Tasks API by identifying the scripts causing render delays. The script properties narrow down the root cause of the render delay and simplify the debugging experience.
Support for Long Animation Frames is released in version 8.18.0 and enabled by default from version 8.26.0 onward. To explicitly enable this instrumentation, set the property enableLongAnimationFrame: true
in BrowserTracingIntegration()
, within the Sentry SDK integrations
list.