INP değerini düşürmek için etkileşim optimizasyonu nasıl yapılır?

Kısa cevap: INP'yi düşürmek, en yavaş etkileşimin üç bileşenini (giriş gecikmesi, işleme süresi, sunum gecikmesi) ayrı ayrı optimize etmektir; hedef, Google'ın yayınladığı 200 milisaniye eşiğinin altında kalmaktır.

Uygulama sırası

• Teşhis: alan verisinde en kötü etkileşimleri bulun (web-vitals kütüphanesiyle GA4'e olay gönderin), sonra aynı etkileşimi Chrome DevTools performans kaydıyla laboratuvarda inceleyin.
• Giriş gecikmesi: uzun görevleri bölün, ağır işi scheduler.yield veya requestIdleCallback ile parçalayın, gereksiz üçüncü taraf scriptleri erteleyin.
• İşleme: olay dinleyicilerini sadeleştirin, pahalı hesabı web worker'a taşıyın, girişlere debounce uygulayın.
• Sunum: büyük DOM güncellemelerini küçültün, layout thrashing üreten okuma ve yazma işlemlerini ayırın, CSS containment kullanın.

Hızlı görsel geri bildirim algıyı da düzeltir: tıklamadan hemen sonra durum değişimini gösterin, ağır işi sonra tamamlayın. Doğrulama daima 75. yüzdelik alan verisiyle yapılır; güçlü bir cihazda hızlı görünen etkileşim, sahadaki orta segment Android'de bütçeyi aşabilir.