INP (Interaction to Next Paint) Optimizasyonu: Google'ın Yeni Etkileşim Metriğini Anlayın

INP Nedir ve Neden FID'nin Yerini Aldı?

**INP (Interaction to Next Paint)**, bir kullanıcının sayfayla etkileşime girdiğinde (tıklama, dokunma, klavye basımı) tarayıcının o etkileşimi görsel olarak yansıtana kadar geçen süreyi ölçen bir metriktir. Mart 2024'te FID'nin (First Input Delay) yerini resmi olarak aldı. Fark şudur: FID yalnızca ilk etkileşimi ölçerken, INP sayfadaki tüm etkileşimlerin ortalamasını değerlendirir.

İyi Bir INP Skoru Nedir?

• İyi: 200ms ve altı
• İyileştirme Gerekiyor: 200ms – 500ms arası
• Kötü: 500ms ve üzeri

Sitenizin INP değerini PageSpeed Analyzer aracımızla kolayca ölçebilirsiniz.

INP'yi İyileştirmenin 6 Yolu

1. Uzun Görevleri (Long Tasks) Parçalayın: 50ms'den uzun süren JavaScript görevlerini requestIdleCallback veya scheduler.yield() ile daha küçük parçalara bölün.
2. Ana İş Parçacığını (Main Thread) Rahatlatın: Ağır hesaplamaları Web Worker'lara taşıyın.
3. Gereksiz JavaScript'i Kırpın: Sayfa yüklenirken çalışan ancak etkileşim anında ihtiyaç duyulmayan kodları lazy-load edin veya tamamen kaldırın.
4. DOM Boyutunu Küçültün: 1500'den fazla DOM elemanı etkileşim sonrası yeniden boyama (repainting) süresini uzatır.
5. CSS Animasyonlarını GPU'ya Taşıyın: transform ve opacity dışındaki animasyonlar ana iş parçacığını meşgul eder.
6. Third-Party Script'leri Erteleyin: Analitik ve reklam script'lerini async veya defer ile yükleyin.

Sıkça Sorulan Sorular