Etkileşimden Sonraki Boyama (INP) Nedir?
Etkileşimden sonraki boyama (INP), kullanıcının sayfa üzerindeki tıklama, dokunma ve tuş basma gibi eylemlerine sayfanın ne kadar hızlı görsel yanıt verdiğini ölçen performans metriğidir.
Etkileşimden Sonraki Boyama (INP) Nasıl Ölçülür?
INP, kullanıcının sayfa ömrü boyunca yaptığı etkileşimleri izler ve her birinin, eylemden ekranın güncellenmesine kadar geçen süresini ölçer. Raporlanan değer, ziyaretteki en yavaş etkileşime yakın bir değerdir. Düğmeye basıldığında menünün hemen açılması iyi, birkaç yüz milisaniye beklemesi kötü bir sonuçtur.
INP, Core Web Vitals kapsamında etkileşim yanıt verme süresini temsil eder. Yavaş INP genellikle ana iş parçacığını uzun süre meşgul eden JavaScript’ten kaynaklanır. Eşik değerleri değişebilir; güncel değerler Google dokümantasyonundan teyit edilmelidir.
- Uzun süren JavaScript görevleri
- Ağır üçüncü taraf betikleri
- Büyük ve karmaşık sayfa yapısı
Etkileşimden Sonraki Boyama (INP) Neden Önemlidir?
E-ticarette kullanıcı filtre seçer, varyant değiştirir, sepete ekler ve ödeme adımlarını geçer. Her adımda gecikme, kullanıcının sayfanın bozuk olduğunu düşünmesine ve işlemi bırakmasına yol açar. Bu nedenle INP, dönüşümle doğrudan ilişkili bir deneyim metriğidir.
İyileştirme yolları: uzun görevleri bölmek, gereksiz JavaScript’i kaldırmak, üçüncü taraf betikleri sınırlamak ve ağır işlemleri etkileşimin dışına taşımaktır. Etiket yönetimi altında çok sayıda etiket varsa INP bundan etkilenebilir.
Karar noktası, en çok etkileşim alınan sayfaların (ürün, sepet, ödeme) INP’sini ayrı izlemektir.
Sorunu bulmak için tarayıcı geliştirici araçlarının performans kaydı kullanılır. Belirli bir tıklamada hangi betiğin ne kadar süre çalıştığı görüldüğünde, iyileştirme tahminle değil kanıtla yapılabilir.
INP’de Sık Yapılan Hatalar
- Etkileşimi hiç test etmemek. Yalnızca yükleme hızına bakılır.
- Etiket ve eklentileri sınırsız eklemek. Ana iş parçacığı meşgul kalır.
- Tek sayfada ölçüp tümünü yorumlamak. Sorunlu sayfalar kaçar.
- Mobil cihazı atlamak. Zayıf cihazlarda sorun büyür.
Etkileşimden Sonraki Boyama Hakkında Sık Sorulan Sorular
INP sorununa hangi betiğin yol açtığı nasıl bulunur?
Tarayıcı geliştirici araçlarında performans kaydı açılır ve yavaş tepki veren tıklama tekrarlanır. Kayıtta o etkileşim sırasında hangi betiğin ne kadar çalıştığı görülür; uzun görev, ağır üçüncü taraf etiketi ya da eklenti tahmine dayanmadan tespit edilir. Ürün, sepet ve ödeme sayfaları ayrı ayrı incelenir.
INP neden düşük çıkar?
Genellikle uzun süren JavaScript görevleri, ağır üçüncü taraf betikleri ya da karmaşık sayfa yapısı nedeniyle düşük çıkar.
INP nasıl iyileştirilir?
Uzun görevler bölünür, gereksiz betik kaldırılır, üçüncü taraf etiketler azaltılır ve etkileşim sırasında yapılan işler hafifletilir.