Blog

Optimizing INP: Input Delay, Processing and Presentation Delay, Breaking Up Long Tasks and a Smooth List in Angular

To lower INP, find in which phase the worst interaction waits (input delay, processing, presentation delay) and either break up or shrink the long task blocking the main thread. In Bookstore's 2,000-book catalog we show with LoAF that zoneless Angular's change detection runs in a frame callback, and cut INP from 416 ms to 8 ms with computed, the right track, scheduler.yield and CDK virtual scroll.