Why Input Lag Can Mislead Developers: The Real Causes Behind Sluggish UIs

A developer describes users reporting sluggish input in a web app, where profiling pointed at JavaScript but the actual bottleneck was more complicated. The article explains that browsers pass input events through several stages, including OS processing, event coalescing, dispatch, and handler execution, any of which can introduce delay. It then outlines the rendering pipeline that follows JavaScript work, covering style recalculation, layout, paint, and compositing, which can postpone visible updates. The author notes that common DevTools signals such as Event Timing, Frames, and Long Tasks are easy to misread, since a handler may run late because of earlier work. Input latency therefore includes both event delay and render delay, and diagnosing it requires looking at the full pipeline rather than only the longest JavaScript task.