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.

Screenshot 2024-08-14 at 2.37.42 PM.png

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.

Your code is broken. Let's Fix it.
Get Started