Sitenizin "hızlı" olması artık tek başına yeterli değil; Google artık bir sayfanın tıklamalara ne kadar çabuk tepki verdiğini de ölçüyor. Bu metriğin adı INP ve sitelerin büyük bir kısmı hâlâ bu eşiği geçemiyor. İşte ölçüm nasıl değişti ve nereden başlamalısınız.
Üç metrik, kısa hatırlatma
Core Web Vitals üç metrikten oluşuyor: LCP (Largest Contentful Paint — ana içeriğin ne kadar sürede göründüğü, hedef: 2.5 saniye altı), CLS (Cumulative Layout Shift — sayfanın yüklenirken ne kadar oynadığı, hedef: 0.1 altı) ve INP (Interaction to Next Paint — bir tıklama veya dokunmadan sonra ekranın ne kadar sürede güncellendiği, hedef: 200 milisaniye altı).
FID'den INP'ye: fark ne
Eskiden kullanılan FID, yalnızca tarayıcının bir etkileşimi işlemeye başlama gecikmesini ölçüyordu. INP ise sayfanın ömrü boyunca gerçekleşen en yavaş etkileşimin, dokunuştan görsel güncellemeye kadar geçen tüm süresini ölçüyor. Bu fark önemli: FID altında geçer not alan birçok site, gerçek kullanıcı verisiyle ölçülen INP'de 400 milisaniyenin üzerine çıkarak başarısız oluyor.
Sitelerin çoğu neden INP'de zorlanıyor
INP'yi kötüleştiren genellikle üç şey var: tarayıcının ana iş parçacığını uzun süre meşgul eden ağır JavaScript, sayfanın kendi kontrolünde olmayan üçüncü taraf betikler (reklam, analitik, canlı destek widget'ları) ve bir tıklamadan sonra çok fazla iş yapan olay işleyicileri. Sonuç: kullanıcı bir butona tıklıyor ama ekran birkaç yüz milisaniye boyunca hiç tepki vermiyor gibi hissettiriyor.
Fotoğraf: Gunther Samson / Unsplash
Pratikte neyi düzeltmek işe yarar
- Büyük JavaScript görevlerini daha küçük parçalara bölün, böylece tarayıcı etkileşimlere ara verip yanıt verebilir.
- Gerekmedikçe üçüncü taraf betikleri geciktirin veya yalnızca kullanıcı etkileşime geçtiğinde yükleyin.
- Olay işleyicilerinde görsel güncellemeyi önce yapın, arka plan işlemlerini (analitik gönderimi gibi) sonraya bırakın.
- Kullanılmayan kodu ve gereksiz kütüphaneleri sayfadan çıkarın.
Nasıl ölçersiniz
PageSpeed Insights ve Chrome DevTools laboratuvar verisi verir, ama asıl belirleyici olan gerçek kullanıcı verisidir (CrUX raporu, Search Console'daki "Temel Web Verileri" bölümü). Laboratuvar testinde iyi görünen bir sayfa, gerçek kullanıcıların yavaş cihazlarında ve zayıf bağlantılarında farklı sonuç verebilir.
Kısacası
Sayfa hızını artık sadece yükleme süresiyle değil, tıklamalara verdiği tepkiyle de düşünün. Bunu performans ve web geliştirme çalışmalarımızın bir parçası olarak ele alıyoruz — sitenizin INP skorunu birlikte incelemek isterseniz bize yazın.