Blog

INP'yi Optimize Etmek: Input Delay, Processing ve Presentation Delay, Long Task'ları Bölmek ve Angular'da Akıcı Liste

INP'yi düşürmek için en kötü etkileşimin hangi fazda (input delay, processing, presentation delay) beklediğini bulup main thread'i bloklayan long task'ı ya bölmek ya da küçültmek gerekir. Bookstore'un 2.000 kitaplık kataloğunda zoneless Angular'ın change detection'ının bir frame callback'inde çalıştığını LoAF ile gösteriyor; computed, doğru track, scheduler.yield ve CDK virtual scroll ile INP'yi 416 ms'den 8 ms'ye indiriyoruz.