Core Web Vitals 2026: INP (Interaction to Next Paint) Nedir ve Nasıl Optimize Edilir?

Google'ın Core Web Vitals metriği INP (Interaction to Next Paint), Mart 2024'te First Input Delay (FID) metriğinin yerini aldı ve 2026 itibariyle web sitesi performansının en kritik göstergesi haline geldi. FID'den çok daha kapsamlı ve zorlu olan INP, kullanıcı etkileşimlerine verilen yanıt süresini tüm oturum boyunca ölçüyor. Araştırmalar, FID'yi geçen sitelerin %40'ının INP'yi geçemediğini gösteriyor. Eğer siteniz bu yeni standarda uyum sağlamadıysa, SEO performansınız sessizce düşüyor olabilir.

Bu kapsamlı rehberde, INP'nin ne olduğunu, FID'den ne kadar farklı olduğunu, neden bu kadar kritik olduğunu ve sitenizi optimize etmek için hangi adımları atmanız gerektiğini adım adım anlatacağız.

INP Nedir? (Interaction to Next Paint Tanımı)

INP (Interaction to Next Paint), bir kullanıcının bir web sayfasıyla etkileşime girdiği an (tıklama, dokunma, tuş basma) ile tarayıcının buna yanıt olarak bir sonraki görsel güncellemeyi (paint) yaptığı an arasındaki süreyi ölçen bir performans metriğidir. INP, sayfanın kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğini, yani sitenin "duyarlılığını" (responsiveness) ölçer.

Bir kullanıcının bir butona tıklaması, bir form alanına yazmaya başlaması veya bir bağlantıya dokunması gibi her etkileşim, bir INP ölçümü tetikler. Chrome, sayfanın yaşam döngüsü boyunca her etkileşimi izler ve sayfanın INP değeri olarak 98. yüzdeliğindeki (p98) en yavaş etkileşimi raporlar. Bu, sayfadaki en kötü etkileşim performansının ölçüldüğü anlamına gelir.

INP Neden Önemlidir?

INP, 2024'ten beri Google'ın üç Core Web Vital metriğinden biridir ve doğrudan sıralamaları etkiler. İşte INP'nin bu kadar kritik olmasının nedenleri:

• Sıralama Faktörü: INP, Google'ın kullanıcı deneyimini ölçen temel metriklerinden biridir. Kötü bir INP puanı, sıralamalarda gerilemeye neden olabilir.
• Kullanıcı Deneyimi: Yavaş yanıt veren bir site, kullanıcıları hayal kırıklığına uğratır. Kullanıcılar, tıkladıkları hiçbir şeyin olmadığı bir siteden hızla ayrılır.
• Dönüşüm Oranları: Hızlı ve duyarlı siteler, yavaş olanlara göre çok daha yüksek dönüşüm oranlarına sahiptir.
• FID'den Daha Kapsamlı: INP, FID'nin aksine yalnızca ilk etkileşimi değil, sayfadaki tüm etkileşimleri ve etkileşimin tamamını (giriş gecikmesi, işleme süresi ve sunum gecikmesi) ölçer.

INP ve FID Arasındaki Farklar

FID ve INP arasındaki farkları anlamak, yeni metriğin neden daha zorlu olduğunu kavramak için kritiktir.

1. Ölçüm Kapsamı

• FID: Yalnızca kullanıcının sayfadaki ilk etkileşimini ölçerdi.
• INP: Kullanıcının sayfadaki tüm etkileşimlerini (tıklama, dokunma, tuş basma) ölçer ve en kötü performans göstereni raporlar.

2. Ölçülen Süre

• FID: Yalnızca "giriş gecikmesini" (input delay), yani etkileşim ile olay işleyicisinin çalışmaya başlaması arasındaki süreyi ölçerdi.
• INP: Etkileşimin tamamını ölçer: giriş gecikmesi, olay işleyicisinin çalışma süresi (processing time) ve tarayıcının yeni içeriği çizmesi için geçen süre (presentation delay).

3. Zorluk Seviyesi

• FID: Nispeten kolay bir metrikti; çoğu site bu metrikte başarılıydı.
• INP: Çok daha zorlu bir metrik. FID'yi geçen sitelerin %40'ı INP'de başarısız oluyor.

INP Nasıl Ölçülür?

INP'nin doğru ölçümü, optimizasyon sürecinin ilk ve en önemli adımıdır. İki tür veri vardır:

1. Saha Verileri (Field Data / CrUX)

• Kaynak: Gerçek Chrome kullanıcılarından toplanan anonim veriler (Chrome UX Report - CrUX).
• Önem: Google'ın sıralamada kullandığı veridir. Sitenizin gerçek performansını yansıtır.
• Nereden Görülür: PageSpeed Insights'ın üst kısmı, Google Search Console Core Web Vitals raporu.

2. Laboratuvar Verileri (Lab Data / Lighthouse)

• Kaynak: Kontrollü bir ortamda yapılan simülasyonlar (Lighthouse, PageSpeed Insights'ın alt kısmı).
• Önem: Sorunları teşhis etmek ve çözümleri test etmek için kullanışlıdır. Ancak gerçek kullanıcı etkileşimi olmadığı için INP'yi doğru ölçemez; tahminidir.

Altın Kural: Her zaman saha verilerine göre optimize edin. Sıralamada belirleyici olan ve iyileştirmeniz gereken değer budur.

INP Puanı Nasıl Yorumlanır?

Google'ın belirlediği INP eşikleri şunlardır:

• İyi (Good): ≤ 200 ms (75. yüzdelik dilimde)
• İyileştirme Gerekiyor (Needs Improvement): 200 ms - 500 ms arası
• Kötü (Poor): > 500 ms

Bu eşikler, gerçek kullanıcıların %75'inin deneyimlediği performansı temel alır. Sitenizin ortalama değil, en yavaş çeyreklik dilimdeki kullanıcı deneyimi ölçülür.

INP'yi Olumsuz Etkileyen Faktörler

INP'yi düşüren temel sorunlar genellikle üç ana kategoride toplanır:

1. Ana İş Parçacığını (Main Thread) Bloke Eden Uzun JavaScript Görevleri

Tarayıcının ana iş parçacığı (main thread) hem JavaScript kodunu çalıştırır hem de görsel güncellemeleri (paint) yapar. JavaScript, ana iş parçacığını 50 ms'den fazla meşgul ettiğinde, kullanıcı etkileşimleri bu süre boyunca beklemek zorunda kalır. Bu, INP'yi olumsuz etkileyen en yaygın ve en baskın nedendir.

2. Ağır Olay İşleyicileri (Heavy Event Handlers)

Bir butona tıklama, form gönderme gibi olaylara bağlanan işleyiciler (event handlers) çok fazla iş yapıyorsa (örneğin, büyük bir JSON verisini işleme, karmaşık DOM güncellemeleri), bu işlem süresi (processing time) doğrudan INP'yi artırır.

3. Üçüncü Taraf Script'ler (Third-Party Scripts)

Analytics etiketleri, canlı sohbet (chat) araçları, reklam kodları, A/B testi araçları gibi üçüncü taraf script'ler ana iş parçacığında çalışır ve rekabet yaratır. Kontrol edemediğiniz bu script'ler, sitenizin genel performansını ciddi şekilde etkileyebilir.

INP Nasıl Optimize Edilir?

INP optimizasyonu, JavaScript yönetimi ve ana iş parçacığının verimli kullanımına odaklanır.

Adım 1: En Kötü Etkileşimi Belirleyin

INP, en kötü durum metriğidir. Hangi etkileşimin soruna yol açtığını bilmeden optimizasyon yapmak verimsizdir.

• Chrome DevTools Performance Panel: Bir kullanıcı akışını kaydedin ve "Interactions" satırından en yavaş etkileşimi bulun.
• web-vitals Kütüphanesi: onINP fonksiyonunu attribution modu ile kullanarak sorumlu script'i ve işleyiciyi tespit edin.

Adım 2: Uzun JavaScript Görevlerini Parçalayın

Uzun süren görevleri daha küçük parçalara bölmek, ana iş parçacığının kullanıcı etkileşimleri arasında nefes almasını sağlar.

• scheduler.yield() API'sini kullanın: Uzun bir görevi, tarayıcının diğer görevleri (özellikle kullanıcı etkileşimlerini) ele almasına izin vermek için kasıtlı olarak bölebilirsiniz.

Adım 3: Olay İşleyicilerini Hafifletin

• Gereksiz hesaplamaları kaldırın: Event handler içinde yapılan ağır işlemleri mümkünse bir setTimeout veya requestIdleCallback ile erteleyin.
• Arayüzü anında güncelleyin: Tıklama anında hemen bir yükleniyor animasyonu (spinner) gösterin ve ağır işlemi arka planda yapın. INP, "sonraki paint"i ölçer; bu nedenle arayüzün hemen yanıt vermesi, uzun süren arka plan işlemlerinden daha önemlidir.

Adım 4: Üçüncü Taraf Script'leri Yönetin

• Gereksiz olanları kaldırın: Hangi script'lerin gerçekten işe yaradığını denetleyin ve gereksiz olanları devre dışı bırakın.
• Gecikmeli yükleyin (Lazy-load): Kritik olmayan script'leri sayfa yüklendikten sonra veya kullanıcı etkileşime girdiğinde yükleyin.
• Partytown kullanın: Üçüncü taraf script'leri bir web worker'a taşıyarak ana iş parçacığını rahatlatabilirsiniz.

Adım 5: Zorunlu Yeniden Düzenlemelerden (Forced Reflows) Kaçının

• JavaScript ile stil değiştirdikten hemen sonra getBoundingClientRect() gibi layout bilgisi okuyan metodları çağırmayın. Bu, tarayıcının hemen layout hesaplaması yapmasına zorlar (forced reflow) ve performansı düşürür.

INP Optimizasyonu İçin Kontrol Listesi

• INP'yi doğru ölçün: PageSpeed Insights'taki saha verilerine (CrUX) bakın.
• Chrome DevTools ile en yavaş etkileşimi tespit edin.
• Uzun JavaScript görevlerini parçalayın (scheduler.yield()).
• Ağır event handler'ları hafifletin ve görsel geri bildirim ekleyin.
• Gereksiz üçüncü taraf script'leri kaldırın veya gecikmeli yükleyin.
• Forced reflow'lardan kaçının.
• Düzenli olarak test edin ve iyileştirin.

Sonuç: INP'yi Kazanmak, SEO'da Öne Geçmek Demektir

INP, sitenizin kullanıcı etkileşimlerine ne kadar duyarlı olduğunu ölçen kritik bir Core Web Vital metriğidir. FID'den çok daha kapsamlı ve zorlu olan bu metrik, sitenizin gerçek performansını ortaya koyar. Siteniz INP'de başarısız oluyorsa, kullanıcı deneyimi ve SEO performansınız sessizce düşüyor olabilir.

Unutmayın, INP optimizasyonu teknik bir konudur ve genellikle frontend geliştirme becerileri gerektirir. Ama bu rehberdeki adımları izleyerek, sitenizin performansını ve kullanıcı memnuniyetini önemli ölçüde artırabilirsiniz.

Sitenizin Core Web Vitals performansını optimize etmek ve INP puanınızı iyileştirmek mi istiyorsunuz? UlexFlow Inc olarak, teknik SEO ve performans optimizasyonunda uzmanlaşmış bir dijital büyüme sistemleri stüdyosuyuz. Sitenizin teknik altyapısını denetliyor, Core Web Vitals'ı iyileştiriyor ve sürdürülebilir büyüme için gerekli sistemleri kuruyoruz.

Size özel bir büyüme analizi planlamak ve mevcut performans durumunuzu değerlendirmek için ücretsiz strateji görüşmesi talep edin.