INP Nedir? WordPress’te Interaction to Next Paint Nasıl İyileştirilir?
- Yayınlandı:
- Son teknik kontrol:
Hız ve Performans
Kısa cevap
INP (Interaction to Next Paint), sayfanın tıklama, dokunma ve tuş vuruşlarına ne kadar hızlı tepki verdiğini ölçer: etkileşimden sonra ekranın güncellenmesi ne kadar sürdü? İyi değer 200 milisaniye veya altıdır. INP’yi yükselten neredeyse her zaman tarayıcının ana iş parçacığını meşgul eden JavaScript’tir. WordPress’te tipik kaynaklar: sayfa oluşturucu betikleri, sohbet, reklam ve analiz gibi üçüncü taraf kodlar, çok sayıda eklentinin eklediği betikler ve çok büyük sayfa yapısıdır (DOM).
Önemli noktalar
- INP ziyaret boyunca tüm etkileşimleri izler ve en yavaş olanlardan birini raporlar.
- Bir etkileşimin süresi üç parçadır: giriş gecikmesi, işleme süresi ve sunum gecikmesi.
- 50 milisaniyeden uzun her JavaScript görevi “uzun görev”dir ve etkileşimleri bekletir.
- INP laboratuvar testinde tam ölçülemez; gerçek kullanıcı verisi (alan verisi) esastır.
- Mobil cihazlarda aynı betik çok daha yavaş çalıştığı için INP sorunları çoğunlukla mobilde görünür.
INP nasıl hesaplanır?
INP, ziyaretçinin sayfada yaptığı tıklama, dokunma ve klavye etkileşimlerinin tümünü izler. Son değer en uzun etkileşimdir; çok etkileşimli sayfalarda her 50 etkileşimden en yüksek bir tanesi aykırı değer sayılıp atılır. Yani INP “ortalama tepki” değil, ziyaretçinin yaşadığı en kötü deneyimlerden biridir: menüyü açan, sepete ekleyen veya filtreyi seçen tek bir yavaş düğme bütün sayfanın INP’sini belirleyebilir.
| Alt parça | Ne olur | WordPress’te tipik neden |
|---|---|---|
| Giriş gecikmesi | Ziyaretçi tıkladı, ama ana iş parçacığı meşgul olduğu için tepki başlayamıyor | Sayfa yüklenirken çalışan ağır betikler, üçüncü taraf kodlar |
| İşleme süresi | Tıklamaya bağlı JavaScript çalışıyor | Eklentinin düğmeye bağlı ağır kodu (ör. sepet, filtre, form doğrulama) |
| Sunum gecikmesi | Kod bitti, tarayıcı ekranı yeniden çiziyor | Çok büyük sayfa yapısı (DOM), karmaşık CSS, büyük düzen hesaplamaları |
Yavaş etkileşimi bulmak
Alan verisine bakın
PageSpeed Insights veya Search Console, INP’nin gerçek kullanıcılarda iyi olup olmadığını gösterir. Veri yetersizse laboratuvardaki Toplam Engelleme Süresi (TBT) yakın bir göstergedir.
Sayfada tek tek deneyin
Menü, arama, sepete ekle, filtre ve akordeon gibi etkileşimleri Chrome geliştirici araçları açıkken deneyin; Performance panelindeki etkileşim kaydı, tıklamadan çizime kadar geçen süreyi ve onu uzatan görevleri gösterir.
Uzun görevin sahibini bulun
Kayıttaki uzun görevin kaynağı olan betik dosyasının adı çoğunlukla bir eklenti veya üçüncü taraf hizmeti gösterir.
Yavaş bir mobil cihazda doğrulayın
Masaüstünde fark edilmeyen gecikme orta seviye bir telefonda katlanır; düzeltmeyi orada kontrol edin.
WordPress’te iyileştirme yolları
- Her sayfaya betik ekleyen eklentileri ayıklayın; kullanılmayan sayfalarda yüklenmemesini sağlayın.
- Sohbet, reklam, harita ve analiz gibi üçüncü taraf betikleri gecikmeli yükleyin veya ziyaretçi etkileşince başlatın.
- Sayfa oluşturucu kullanıyorsanız iç içe geçmiş gereksiz bölüm ve sütunları sadeleştirin; büyük DOM hem çizimi hem etkileşimi yavaşlatır.
- Menü, kaydırıcı ve akordeon gibi etkileşimleri sağlayan birden fazla kütüphane yüklüyse tek birine indirin.
- Geliştirici tarafında, uzun görevleri parçalara bölüp ana iş parçacığına düzenli olarak nefes aldırmak (yield) giriş gecikmesini azaltır. Genel hız sırası için site hızlandırma rehberine bakın.
Sık sorulan sorular
PageSpeed laboratuvar sonucunda INP neden görünmüyor?
Önbellek eklentisi INP’yi düzeltir mi?
FID iyiydi, INP neden kötü?
Kaynaklar ve teknik referanslar
Bu içeriği hazırlayan
WPHizmet EkibiWordPress teknik ekibi
WPHizmet içeriklerini hazırlayan teknik ekip. Rehberler, WordPress ve WooCommerce sitelerinde günlük olarak karşılaşılan sorunlara dayanır; sürüm, yapılandırma ve gereksinim bilgileri yayın öncesinde resmi dokümantasyondan doğrulanır.
- WordPress teknik destek
- Performans ve Core Web Vitals
- Güvenlik ve zararlı kod temizliği
- WooCommerce
- Teknik SEO