Frame Budget Tracker

v1.0.0

60 / 90 / 120 fps frame-budget calculator — task ms, idle ms, jank threshold.

Target FPS

JavaScript (ms)

Style + Layout (ms)

Paint + Composite (ms)

Result

Frame Budget at 60 fps

Frame budget:  16.67 ms
JavaScript:    5 ms
Style/Layout:  2 ms
Paint:         2 ms
Total used:    9.00 ms (54.0%)
Idle time:     7.67 ms

Status: OK

Tips:
  • JS tasks > 50ms are "Long Tasks" — break with scheduler.yield()
  • Use CSS transforms/opacity for animations (no layout)
  • Avoid forced synchronous layout (read then write DOM)