Core Web Vitals nedir?

Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için tanımladığı üç temel metrik grubudur. Bu metrikler; yükleme performansı, etkileşim hızı ve görsel kararlılık olmak üzere üç boyutu kapsar.

Kısa özet: Core Web Vitals skoru düşük olan sayfalar, içerik kalitesi yüksek olsa bile Google sıralamalarında dezavantajlı konuma düşebilir.

1. LCP — Largest Contentful Paint

LCP, sayfanın görünür alanındaki en büyük içerik öğesinin (görsel, başlık metni veya video kapağı) yüklenme süresini ölçer. Google'ın önerdiği hedef değer 2,5 saniyenin altında olmaktır.

LCP değerini kötüleştiren başlıca nedenler:

  • Optimize edilmemiş ve sıkıştırılmamış görseller
  • Yavaş sunucu yanıt süreleri (TTFB yüksekliği)
  • Render-blocking JavaScript ve CSS kaynakları
  • Önbelleğe alınmayan statik içerikler

2. FID — First Input Delay (ve INP)

FID, kullanıcının sayfayla ilk etkileşimde bulunduğu (bir butona tıklaması, form girmesi) andan tarayıcının bu etkileşime yanıt verdiği ana kadar geçen süreyi ölçer. Hedef değer 100 ms'nin altındadır.

Google, 2024 itibarıyla FID'in yerine INP (Interaction to Next Paint) metriğini geçirmiştir. INP, tüm kullanıcı etkileşimlerini kapsar ve daha kapsamlı bir ölçüm sunar.

3. CLS — Cumulative Layout Shift

CLS, sayfa yüklenirken görsel öğelerin beklenmedik şekilde yer değiştirmesini ölçer. Bir görselin yüklenmesiyle buton aşağı kayıyorsa ve kullanıcı yanlışlıkla farklı bir öğeye tıklıyorsa bu CLS sorunudur. Hedef değer 0,1'in altındadır.

Core Web Vitals nasıl ölçülür?

Google, bu metrikleri ölçmek için birkaç ücretsiz araç sunar:

  • PageSpeed Insights: URL bazında anlık analiz
  • Google Search Console: Tüm siteniz için Core Web Vitals raporu
  • Chrome DevTools (Lighthouse): Detaylı lab ortamı testi
  • Web Vitals Chrome eklentisi: Gerçek zamanlı izleme

Skor iyileştirme için pratik adımlar

Her metriğin iyileştirilmesi için farklı teknikler gerekebilir. Ancak büyük çoğunluğu etkileyen ortak adımlar şunlardır:

  • Görselleri WebP formatına dönüştürün ve loading="lazy" ekleyin
  • Kritik CSS'i inline olarak sayfa başına taşıyın
  • JavaScript dosyalarını defer veya async ile yükleyin
  • CDN ve tarayıcı önbelleğinden yararlanın
  • Sabit boyutsuz medya öğelerine genişlik/yükseklik attribute'ı ekleyin

Önemli not: Core Web Vitals tek başına sıralamayı belirlemez. Ancak benzer içerik kalitesine sahip iki site arasında Google'ın kararı vermesinde belirleyici bir faktördür.

Sonuç

Core Web Vitals, teknik bir zorunluluktan çok kullanıcı deneyiminin somutlaşmış halidir. Yavaş açılan, sarsıntılı yüklenen veya etkileşime geç tepki veren bir sayfa zaten kullanıcıyı kaybediyor demektir. Google bu gerçeği sıralama kriterine dönüştürmüştür.

Sitenizin Core Web Vitals durumunu ücretsiz analiz etmek ve iyileştirme yol haritası almak için bize ulaşabilirsiniz. Daha teknik kontrol listesi için Core Web Vitals optimizasyon rehberini inceleyebilirsiniz.