W3C proposes API to detect slow rendering in web animations

The World Wide Web Consortium (W3C) has published a First Public Working Draft of the Long Animation Frames API, a proposal aimed at helping developers understand why web pages sometimes feel slow or unresponsive.

When you interact with a website, clicking a button or scrolling, the browser needs to update what you see on screen. This happens in small steps called ‘frames’. For a smooth experience, these updates should happen quickly and regularly.

The problem arises when one of these frames takes too long to process. In technical terms, a ‘long animation frame’ occurs when rendering is delayed beyond a certain threshold, typically around 50 milliseconds, which can cause visible lag or delayed reactions to user input.

The proposed API gives developers a way to detect exactly when this happens. More importantly, it provides information about what caused the delay, such as scripts, layout calculations, or other processing tasks that blocked the browser’s main thread.

This is a shift from earlier tools. Previous approaches focused on measuring individual long tasks. The new API instead looks at the entire rendering process, which better reflects what users actually experience on screen.

In practice, this means developers can identify not just that a page is slow, but why it feels slow. For example, multiple small operations that individually seem harmless can still combine to delay a frame and cause noticeable lag.

The draft is part of ongoing work to improve web performance diagnostics, particularly as user experience metrics increasingly focus on responsiveness and interaction quality.

As a First Public Working Draft, the specification is still under development and open to feedback.