Cruising at 60 FPS below 1000ms

Two metrics for a fast and smooth (not janky) experience on the web is to keep your website running (scrolling) at 60fps and avoid tasks longer than one second. When a user performs a task, be it loading a page or deleting some e-mails, you’ll want feedback within 1000ms. If the task is any longer, you can use patterns as spinning loaders, help text or finish the task in the background.

  • 100 ms: instant
  • 100-300 ms: Small perceptible delay
  • 300-1000 ms: Machine is working
  • 1000+ ms: Likely mental context switch
  • 10000+ ms: Task is abandoned