CS Fundamentals Trainer · JavaScript · Performance & Memory
Put the phases of one interaction as measured by INP in order, first to last.
- Input delay: the event waits for the main thread to finish its current task
- Presentation delay: the browser recalculates style, lays out and paints
- Processing: the event handlers run
- The next frame appears on screen
- The user taps a button
Difficulty: medium