Interaction to Next Paint (INP) Nedir?
Google'ın Yeni Core Web Vitals Metriği
Interaction to Next Paint (INP), Mart 2024 itibarıyla First Input Delay (FID) metriğinin yerini alan yeni bir Core Web Vitals metriğidir. Bir kullanıcının sayfayla etkileşime geçtiğinde (tıklama, dokunma, tuş basma) tarayıcının görsel yanıt vermesi için geçen süreyi ölçer.
INP vs FID: Temel Farklar
| Özellik | FID | INP |
|---|---|---|
| Ölçüm | Yalnızca ilk etkileşim | Tüm etkileşimler |
| Kapsam | Girdi gecikmesi | Tam etkileşim döngüsü |
| Durum | Emekli | Aktif Core Web Vital |
INP Puanı Nedir?
- İyi: 200ms ve altı ✅
- Geliştirilmeli: 200ms - 500ms 🟡
- Kötü: 500ms üzeri 🔴
INP'yi İyileştirme Yolları
1. Ana Thread'i Hafifletin
Uzun süren JavaScript görevlerini parçalayın. requestIdleCallback ve scheduler.yield() kullanın.
2. DOM Boyutunu Küçültün
Gereksiz DOM elemanlarını kaldırın. Karmaşık layout yapılarını sadeleştirin.
3. Üçüncü Parti Script'leri Optimize Edin
Analitik, reklam ve sosyal medya scriptlerini asenkron yükleyin.
4. Render Blocking Kaynakları Azaltın
Kritik CSS'i inline yapın, kritik olmayan CSS'i lazy load edin.
5. Event Handler'ları Optimize Edin
Debounce ve throttle tekniklerini kullanarak gereksiz işlem yükünü azaltın.
INP'nin SEO Üzerindeki Etkisi
INP, Google'ın sayfa deneyimi sinyallerinden biridir. Düşük INP puanı, arama sonuçlarındaki sıralamanızı olumsuz etkileyebilir.
4PAD ile Web Performans Optimizasyonu
4PAD olarak, Core Web Vitals metriklerinizi sürekli izliyor ve INP dahil tüm performans göstergelerini optimize ediyoruz.
