Core Web Vitals Sonuçları Nasıl Yorumlanır?

Core Web Vitals raporu üç ana metrik veriyor ve her biri farklı bir soruna işaret ediyor; hepsini aynı çözümle (örneğin sadece görsel sıkıştırarak) düzeltmeye çalışmak eksik kalır.

Özet

Core Web Vitals raporu üç ana metrik veriyor ve her biri farklı bir soruna işaret ediyor; hepsini aynı çözümle (örneğin sadece görsel sıkıştırarak) düzeltmeye çalışmak eksik kalır.

Adım adım

LCP yüksekse genelde büyük bir görsel veya geç yüklenen bir kaynak suçlu, önce ana görseli optimize et.
CLS yüksekse görsellere ve reklamlara sabit boyut tanımlamadığın anlamına gelir, boyutları önceden belirle.
INP yüksekse ağır JavaScript büyük ihtimalle ana iş parçacığını meşgul ediyor, gereksiz script'leri ertele.
Değişiklik sonrası tek seferlik test yeterli değil, sonucu birkaç gün arayla tekrar kontrol et, gerçek kullanıcı verisi zamanla değişebiliyor.

Neden önemli?

Core Web Vitals, Google'ın sayfa deneyimini ölçmek için kullandığı sinyallerden biri. Ama asıl önemi sıralamadan çok kullanıcıyla ilgili: yavaş açılan, tıklarken kayan ya da butona basınca geç tepki veren bir sayfa ziyaretçiyi yorar ve formu doldurmadan, ürünü sepete eklemeden ayrılmasına yol açabilir. Metrikleri doğru okumak, sorunu tahminle değil, ölçümle çözmenizi sağlar.

Laboratuvar verisi ile saha verisi aynı şey değil

PageSpeed Insights gibi araçlar iki tür sonuç gösterir. Laboratuvar verisi, sayfanın sabit koşullarda yapılan tek bir testteki davranışıdır. Saha verisi ise gerçek ziyaretçilerin cihazlarından toplanan ve belirli bir zaman dilimine yayılan ölçümlerdir. Google'ın değerlendirmede dikkate aldığı saha verisidir. Az trafik alan sayfalarda saha verisi hiç görünmeyebilir; bu durumda laboratuvar sonucu yol gösterir ama tek başına kesin hüküm değildir.

Sık yapılan hatalar

Sadece masaüstü sonucuna bakmak. Mobil sonuç genelde daha düşüktür ve trafiğin büyük kısmı oradan gelebilir.
Ana görsele lazy loading eklemek. Sayfanın en üstündeki büyük görselin geç yüklenmesi LCP'yi kötüleştirir.
Sonradan yüklenen çerez bildirimi veya kampanya bandının içeriği aşağı ittiğini fark etmemek; bu da CLS'yi artırır.
Tek bir sayfayı düzeltip sitenin tamamının iyileştiğini varsaymak. Şablonu paylaşan sayfa gruplarını ayrı ayrı kontrol edin.

Örnek bir senaryo

Bir blog sahibi, makale sayfalarının mobilde kötü CLS aldığını görüyor. Görsellerin boyutları zaten tanımlı. Sayfayı yavaş bir bağlantıda açıp izlediğinde sorunun kaynağını buluyor: web fontu geç yükleniyor ve yüklendiği anda başlıklar biraz daha geniş görünüp altındaki metni aşağı kaydırıyor. Font yükleme ayarını değiştirip yedek fontun ölçülerini asıl fonta yaklaştırınca kayma azalıyor. Sorun görsellerde değil, tipografideymiş. Değişiklikten sonra saha verisinin güncellenmesi için birkaç hafta bekleyip raporu yeniden kontrol ediyor, çünkü gerçek kullanıcı ölçümleri hemen yansımıyor.

Ne zaman bir uzmana danışmalı?

Hazır bir tema veya site oluşturucu kullanıyorsanız bazı sorunlar sizin kontrolünüz dışındaki kodlardan kaynaklanabilir. Birkaç denemeden sonra INP veya LCP hâlâ iyileşmiyorsa, sayfayı tarayıcının performans profili ile inceleyebilecek bir geliştiriciden destek almak zaman kazandırır. Ölçümleri ve yaptığınız değişiklikleri tarihleriyle not etmek, geliştiricinin işini de hızlandırır.