Core Web Vitals

Eş anlamlılar: CWV

Core Web Vitals, Google'ın web sitesi kullanıcı deneyimini ölçmek için standart hale getirdiği üç temel metriktir: LCP (yükleme), INP (etkileşim), CLS (kararlılık). SEO ranking'i doğrudan etkiler. İyi skorlar: LCP <2.5s, INP <200ms, CLS <0.1.

Core Web Vitals Nedir?

Core Web Vitals (CWV), Google tarafından 2020'de tanıtılan ve 2021 Mayıs'ından itibaren ranking faktörü olarak kullanılan, web sitelerinin gerçek kullanıcı deneyimini ölçen üç standart metrik setidir. Her metrik kullanıcı deneyiminin farklı bir boyutunu ölçer: yükleme hızı, etkileşime tepki ve görsel kararlılık.

Üç Temel Metrik

LCP (Largest Contentful Paint)

  • Sayfadaki en büyük görsel öğenin render süresi
  • İyi: < 2.5s | Kötü: > 4.0s
  • Yükleme performansını ölçer

INP (Interaction to Next Paint)

  • Kullanıcı etkileşimine sayfa yanıt süresi
  • Mart 2024'te FID'nin yerini aldı
  • İyi: < 200ms | Kötü: > 500ms
  • İnteraktiflik ve tepki hızını ölçer

CLS (Cumulative Layout Shift)

  • Sayfa yüklenirken görsel öğelerin beklenmeyen kayma miktarı
  • İyi: < 0.1 | Kötü: > 0.25
  • Görsel kararlılığı ölçer

Bonus Metrikler

  • TTFB: Sunucu yanıt hızı (LCP'nin alt bileşeni)
  • FCP (First Contentful Paint): İlk görsel öğenin render süresi
  • TBT (Total Blocking Time): Main thread'in ne kadar bloklu olduğu

CWV ve SEO

Google'ın Page Experience güncellemesi ile CWV ranking faktörü oldu. Özellikle:

  • Mobil arama sonuçlarında ağır tartılır
  • Desktop 2022'den itibaren dahil
  • Benzer içerikli iki sayfadan CWV iyi olan üst sırada
  • CWV tek başına büyük ranking sıçraması yapmaz ama eşitlik bozucudur

CWV Ölçme Yöntemleri

Lab Data (Kontrollü Ortam)

  • Lighthouse
  • Chrome DevTools Performance
  • PageSpeed Insights "Lab Data" bölümü
  • WebPageTest

Field Data (Gerçek Kullanıcı — CrUX)

  • Chrome User Experience Report
  • PageSpeed Insights "Field Data" bölümü
  • Search Console → Core Web Vitals raporu
  • Web Vitals JavaScript library ile RUM

İyileştirme Öncelikleri

LCP İyileştirme

  • CDN ve LiteSpeed/LSCache
  • Hero image optimizasyonu (WebP, preload)
  • Critical CSS inline
  • Server response time düşürme

INP İyileştirme

  • JavaScript bundle küçültme
  • Long task'ları böl
  • Third-party script defer
  • React memoization

CLS İyileştirme

  • Image width/height veya aspect-ratio
  • Font preload + font-display: swap
  • Reklam alanlarına min-height
  • Dinamik içeriği üstten değil, sticky fixed

CWV Monitoring Araçları

  • PageSpeed Insights: URL bazlı analiz
  • Search Console: Site geneli rapor, sorunlu URL'ler
  • Lighthouse CI: CI/CD pipeline entegrasyonu
  • Web Vitals Chrome Extension: Canlı gezinme sırasında
  • New Relic, Datadog RUM: Enterprise izleme

CWV ve Mobile-First

Google mobile-first indexing kullanır — mobil CWV skorları desktop'tan daha kritiktir. Testlerinizi her zaman mobile emülasyonda yapın.

MeoHost CWV Performansı

MeoHost hosting paketleri LiteSpeed + LSCache + CDN ile CWV "Good" statüsüne ulaşır. Ortalama WordPress sitelerinde LCP 1.8s, INP 150ms, CLS 0.05 seviyeleri elde edilir.

İlgili Terimler