frame budget
A frame budget allocates the time available for responsive rendering at a target cadence.
Use this when An interaction drops frames during updates or rendering.
without the term
“Scrolling and animations stutter on cheaper phones even though it's smooth on my laptop. Can you find what's taking too long each frame?”
with the term · How do you ask a model for frame budget?
Profile this interaction against its target frame budget. Reduce the measured bottleneck and compare slow frames on a representative device and dataset.
What is frame budget?
At 60 frames per second, each frame has about 16.7 ms for input, logic, layout, and painting. One frame that runs over shows up as a stutter even if the average is fine.
Why does frame budget matter when vibe coding?
A feature can look smooth on small fixtures while expensive frames grow with content.
How do you do frame budget?
Trace representative frames and identify the work exceeding the chosen target.
What goes wrong with frame budget?
Moving work off the main thread but waiting synchronously for its result each frame.