INP nedir?

INP (Interaction to Next Paint), sayfanın etkileşimlere ne kadar hızlı tepki verdiğini ölçer. Ziyaret boyunca yapılan tıklama, dokunma ve klavye etkileşimlerine bakılır; en yavaşlara yakın değer raporlanır. Mart 2024'te FID'in yerine Core Web Vitals metriği oldu. FID yalnızca ilk etkileşimin bekleme süresine bakıyordu; INP ise tüm etkileşimleri ve ekranın güncellenmesini kapsar.

#Neden önemli

• "Sepete ekle"ye basıp yarım saniye hiçbir şey olmaması, kullanıcıya bozuk site hissi verir ve tekrar tekrar tıklamaya yol açar.
• Yüksek INP'nin en yaygın sebebi ana iş parçacığını meşgul eden ağır JavaScript'tir: büyük paketler, üçüncü taraf etiketleri, uzun görevler.

#SEOAsist'te nerede görürsün

• Genel Bakış sayfasındaki Core Web Vitals kartında satır INP / TBT olarak görünür. INP gerçek bir etkileşim gerektirdiği için laboratuvar ölçümünde her zaman çıkmaz; o durumda PageSpeed'in TBT (Total Blocking Time) değeri gösterilir. TBT, INP için iyi bir laboratuvar göstergesidir.
• SEO analizinde değer 200 ms'yi aşarsa Etkileşim gecikmesi yüksek bulgusu çıkar.

Ayrıntılar: Genel bakış paneli.

#Örnek

Uzun bir işi parçalara bölüp tarayıcıya ekranı güncelleme fırsatı vermek:

button.addEventListener("click", async () => {
  showSpinner();                                  // önce görsel geri bildirim
  await new Promise((r) => setTimeout(r, 0));     // ana iş parçacığını bırak
  recalculateCart();                              // ağır iş sonra
});

#Sık yapılan hatalar

• Tüm analitik ve sohbet widget'larını sayfa açılışında yüklemek; ertele veya etkileşimde yükle.
• Yalnızca masaüstünde test etmek; düşük güçlü telefonlarda INP çok daha kötüdür.
• Hâlâ FID'e bakmak; Google artık FID'i raporlamaz.