INP (Interaction to Next Paint)
Tanım
Interaction to Next Paint (INP), bir ziyaretçi dokunduktan, tıkladıktan ya da yazdıktan sonra sayfanın görsel olarak ne kadar hızlı yanıt verdiğini, ziyaretin tamamındaki en yavaş tipik etkileşimlere bakarak ölçer. Google'ın iyi eşiği, 75. yüzdelikte 200 milisaniye ya da altıdır. 2024'te First Input Delay'in yerini almıştır ve yalnızca ilk tıklamayı değil, ziyaret boyunca tepkiselliği yansıtır.
Mağazanız için neden önemli
Alışveriş bir etkileşimler dizisidir: beden menüsünü açmak, sepete eklemek, sepeti açmak, adedi değiştirmek, ödeme adımına geçmek. Her biri yarım saniye takılıyorsa mağaza hızlı yüklense bile bozuk hissettirir. Ziyaretçiler yeniden dokunur, yanlışlıkla iki ürün ekler ya da çıkar.
INP büyük ölçüde bir JavaScript sorunudur. Bir sayfa ne kadar çok betik çalıştırırsa ziyaretçi dokunduğunda ana iş parçacığının meşgul olma olasılığı o kadar artar. Analiz ve reklam için kullanılan üçüncü taraf etiketleri, her sayfada çalıştıkları ve nadiren ölçüldükleri için sık suçlulardır. Çözüm; daha az betik, ana iş parçacığının dışında çalışan betikler ve önce yanıtı gösterip işi sonra bitiren arayüzlerdir.
Kambloo bunu nasıl ele alıyor
Kambloo'nun vitrin bütçesi INP'yi 200 milisaniyenin altına koyar ve toplam JavaScript'i sıkıştırılmış 90 KB ile sınırlar; bunun yarısından azını platformun kendi etkileşim katmanı kullanır. Temalar kalanı aşamaz ve denetim, tema kabul edilmeden önce çalışır.
Sepet çekmecesi gibi etkileşimli öğeler hemen bir yükleniyor durumu gösterir ve sunucu yanıt verdiğinde güncellenir; böylece görünür tepki anındadır. Ağır işler istek içinde yapılmak yerine arka plan kuyruklarına taşınır. Analiz ve reklam için üçüncü taraf betikleri ertelenir ya da ana iş parçacığını engellemesinler diye bir işçi üzerinden çalıştırılır.
Gerçek kullanıcı INP değeri mağaza bazında toplanır ve SEO sağlık raporunda LCP ile CLS'in yanında raporlanır.
INP (Interaction to Next Paint) hakkında sorular
Bir mağazada INP'yi ne yavaşlatır?
Ana iş parçacığında çalışan ağır JavaScript: büyük çerçeveler, üçüncü taraf izleme betikleri ve ekranı güncellemeden önce çok iş yapan etkileşimler. Daha az betik ve anında görsel geri bildirim bunun çoğunu düzeltir.
INP, sepete ekleme gibi bir eylemin tamamlanma süresini içerir mi?
Hayır. Sunucunun işi bitirmesine kadar geçen süreyi değil, ekranın gözle görülür biçimde yanıt vermesine kadar geçen süreyi ölçer. Anında bir yükleniyor durumu göstermek, sunucu daha uzun sürse bile INP'yi düşük tutar.