Skip to content

Rule · Smoothness

Long animation frames block scrolling

smooth/long-frames-during-scrollwarnvoid smoothupdated

Why it matters

Long Animation Frames (LoAF) during scroll show script that delays rendering; the attributed script is the culprit.

How to fix it

Move the attributed work out of the scroll path: debounce with requestAnimationFrame, precompute, or yield with scheduler.yield().

References

void smooth reports 13 rules in this category. How the page feels after it loads: dropped frames during a scripted scroll, long animation frames, INP of real clicks, shifts after input, animated layout properties, idle rAF loops and reduced-motion handling.