Önemli Web Verileri, Google’ın bir web sitesinin kullanıcı deneyiminin ne kadar iyi olduğunu ölçmek için tanımladığı bir dizi ölçümdür. İlk olarak 2021’de sıralama sinyali haline geldiler.

Metrik tanımları yapılırken zamanla düzeltildiNext Paint ile Etkileşim metriğinin kullanıma sunulması, Core Web Vitals girişiminin başlatılmasından bu yana yapılan en büyük değişikliktir.

Sonraki Boyayla Etkileşim (INP) Nedir?

Sonraki Boyayla Etkileşim web sitenizin kullanıcı etkileşimine ne kadar hızlı yanıt verdiğini değerlendiren bir ölçümdür. Bir düğmeye tıklamak gibi kullanıcı girişi ile sayfa içeriğinin bir sonraki yenilenmesi (“sonraki boyama”) arasında ne kadar süre geçtiğini ölçer.

Google’da daha iyi sıralamalar elde etmek için bu etkileşim gecikmesinin 200 milisaniyeden az olması gerekir. Bu, web sitesinin kullanıcılara duyarlı olmasını sağlar.

Önemli Web Verileri nasıl değişiyor?

Google, Next Paint ile Etkileşim’i duyurdu Üç Önemli Web Verisinden biri olacak Mart 2024’teki metrikler. Bu noktada, kullanıcı girişine çok yavaş yanıt veren bir web sitesi, arama sonucu sıralamasında daha kötü sonuçlar doğurabilir.

INP mevcut olanın yerini alacak İlk Giriş Gecikmesi (FID) metriği. FID yanıt verme hızını da ölçse de yalnızca ilk kullanıcı etkileşimine baktığı için daha sınırlıdır. Ayrıca kullanıcının sonucu görmesini beklemek yerine yalnızca giriş olayı işlenmeye başlayana kadar geçen gecikmeyi ölçer.

Şu anda yalnızca Mobil web sitelerinin %64,9’u Sonraki Paint ile Etkileşim metriğinde başarılı olursanız, iyi bir INP puanı almak, iyi bir İlk Giriş Gecikmesi puanı almaktan daha zor olacaktır.

Web sitemdeki Sonraki Paint ile Etkileşim metriğini nasıl ölçebilirim?

Çalıştır web sitesi hız testi web sitenizin ne kadar hızlı yüklendiğini ve kullanıcı girişine ne kadar hızlı yanıt verdiğini görmek için.

Testiniz tamamlandığında “Web Verileri” sekmesini açın. Sayfanın alt kısmında Sonraki Paint ile Etkileşim metriğini görebilirsiniz.

Bu durumda kullanıcıların yalnızca %38’i iyi bir INP deneyimine sahiptir.

Next Paint ile Etkileşimi nasıl optimize edebilirim?

Etkileşim gecikmeleri, tarayıcının sayfayı güncellemeden önce çok fazla CPU işlemi gerçekleştirmesi gerektiğinde meydana gelir. Bu iki nedenden dolayı olabilir:

• Devam eden arka plan görevleri kullanıcı girişinin işlenmesini engeller
• Kullanıcı girişinin işlenmesi çok zaman alıyor

Arka plan görevleri genellikle sayfanın ilk yüklenmesi sırasında gerçekleşir, ancak daha sonra da gerçekleşebilir. Bunlar genellikle web sitesine yerleştirilmiş üçüncü taraf kodlarından kaynaklanır.

Bir kullanıcı etkileşimine yanıt vermek çok fazla işlem gerektirebilir. Bu optimize edilemiyorsa, işleme görevi tamamlanana kadar görsel geri bildirim sağlayacak bir döndürücü göstermeyi düşünebilirsiniz.

JavaScript kodunu çalıştırmak en yaygın işlem türüdür ancak karmaşık görsel güncellemeler de uzun zaman alabilir.

Performansı analiz etmek için Chrome DevTools’u kullanın

Chrome Geliştirici Araçları performans profili oluşturucu hangi görevlerin uzun sürdüğünü ve optimize edilmesi gerektiğini gösterir. Bir kayıt başlatın, sayfadaki bir öğeye tıklayın ve ardından görselleştirmedeki en uzun çubuklara tıklayın.

Bu, kodun üçüncü bir taraftan mı yoksa kendi web sitenizden mi geldiğini belirlemenize olanak tanır. Ayrıca görevin nasıl hızlandırılabileceğini görmek için daha derinlere inebilirsiniz.

Arka plan görevlerini belirlemek için Toplam Engelleme Süresi ölçümünü kontrol edin

Toplam Engelleme Süresi metrik, diğer kodların çalışmasını engelleyebilecek arka planda CPU görevlerinin ne sıklıkla bulunduğunu izler. Kullanıcı, bir görev devam ederken sayfayla etkileşime girerse, tarayıcı, giriş olayını işlemeden önce ilk olarak bu görevi tamamlar.

Gibi araçları kullanabilirsiniz Google Deniz Feneri Bu metriğin nasıl optimize edilebileceğini görmek için.

Web sitenizdeki yoğun işlem gerektiren görevler, temel web sitesi kodunuzun bir parçasıysa bunları optimize etmek için geliştirme ekibinizle birlikte çalışmanız gerekir. Üçüncü taraflar için, komut dosyasının hâlâ gerekli olup olmadığını inceleyebilir veya kodu optimize etmenin mümkün olup olmadığını görmek için satıcının müşteri desteğine başvurabilirsiniz.

Sonraki Boyayla Etkileşimi İzleyin

INP ve diğer Önemli Web Verileri’ndeki performansınızı takip etmek mi istiyorsunuz? DebugBear şunları yapabilir: web sitenizin hızını takip edin ve optimize etmenize yardımcı olur.

Bugün 14 günlük ücretsiz deneme sürümünü başlatın ve daha iyi bir kullanıcı deneyimi sunun.

Çözüm

Next Paint ile Etkileşim metriği, Google’ın Önemli Web Verileri’nde ilk duyurulmasından bu yana yapılan en büyük değişikliği temsil ediyor. INP, önceki İlk Giriş Gecikmesi ölçüsünün eksikliklerini giderir ve kullanıcıların bir web sitesini nasıl deneyimlediğine dair daha iyi bir temsil sağlar.

Sıralama değişikliği 2024’te kullanıma sunulmadan önce web sitenizin Next Paint ile Etkileşim metriğinde nasıl performans gösterdiğini kontrol edin. Bu şekilde, optimizasyonları belirlemek ve web sitenizi daha hızlı hale getirmek için bolca zamanınız olacaktır.

DebugBear’ı 14 günlük ücretsiz deneme sürümüyle deneyin.