Core Web Vitals Nedir?
Google’ın 2021 yılında duyurduğu Core Web Vitals, kullanıcı deneyimini ölçen ve web sitelerinin performansını değerlendiren bir dizi metriktir. Bu metrikler, sayfa yükleme hızı, etkileşim süresi ve görsel stabilite gibi kritik faktörlere odaklanır. Örneğin, bir kullanıcı bir butona tıkladığında sayfanın 3 saniye donması, Core Web Vitals skorunu düşürür. Google, bu verileri arama sıralamalarını belirlerken kullanır, bu nedenle iyileştirme yapmak SEO için hayati önem taşır.
Üç temel Core Web Vitals metriği şunlardır:
- Largest Contentful Paint (LCP): Sayfanın ana içeriğinin yüklenme süresi. İdeal LCP süresi 2.5 saniyenin altıdır.
- First Input Delay (FID): Kullanıcının ilk etkileşimine sayfanın yanıt verme süresi. 100 milisaniyeden kısa olmalıdır.
- Cumulative Layout Shift (CLS): Sayfa yüklenirken elementlerin beklenmedik şekilde hareket etmesi. 0.1’in altında bir değer hedeflenmelidir.
2023 verilerine göre, LCP’si 4 saniyeden uzun olan sitelerin %75’i kullanıcılarını kaybediyor. Bu nedenle, özellikle e-ticaret siteleri için Core Web Vitals optimizasyonu doğrudan satışları etkileyen bir faktördür.
LCP Nasıl Ölçülür ve İyileştirilir?
LCP, genellikle sayfadaki en büyük resim, video veya metin bloğunun yüklenme süresini ifade eder. Google PageSpeed Insights aracıyla LCP değerinizi kolayca ölçebilirsiniz. Örneğin, bir haber sitesinin ana görselinin 5 MB boyutunda olması, LCP’yi kritik seviyeye çıkarabilir.
LCP’yi iyileştirmek için şu adımları izleyebilirsiniz:
- Resim optimizasyonu: WebP formatına dönüştürme ve lazy loading uygulama.
- Sunucu yanıt süresini azaltma: CDN kullanımı veya önbellekleme stratejileri.
- Kritik CSS yükleme: Render-blocking kaynakları ortadan kaldırma.
Bir e-ticaret sitesi, ürün görsellerini 300×300 piksel yerine 800×800 piksel olarak yüklediğinde LCP değeri 3.8 saniyeden 1.9 saniyeye düşmüştür. Bu, mobil trafiği %22 artırmıştır.
FID Problemi ve Çözüm Yöntemleri
FID, özellikle yoğun JavaScript kullanan sitelerde sorun yaratır. Kullanıcı bir menü butonuna tıkladığında 500 ms gecikme yaşanması, FID skorunu kötüleştirir. Chrome DevTools’un Performance paneli, FID sorunlarını tespit etmek için kullanılabilir.
FID iyileştirme teknikleri:
- JavaScript’i küçültme ve erteleme: async/defer özelliklerini kullanma.
- Üçüncü parti scriptleri optimize etme: Google Analytics gibi araçları gereksiz yüklemelerden kaçınma.
- Web Worker’ları kullanma: Ana iş parçacığını bloke etmeyen arka plan işlemleri.
Bir finans blogu, reCAPTCHA entegrasyonunu sayfanın alt kısmına taşıyarak FID’sini 150 ms’den 65 ms’ye düşürmeyi başarmıştır. Bu değişiklik, sayfa başına ortalama okuma süresini %18 artırmıştır.
CLS: Görsel Kararsızlık Sorunları
CLS, en çok reklam banner’ları veya dinamik içerik yüklenen sitelerde görülür. Örneğin, bir kullanıcı bir makaleyi okurken aniden beliren bir pop-up, metni aşağı iterek CLS değerini artırır. Lighthouse raporları, CLS sorunlarını detaylı şekilde gösterir.
CLS’yi azaltmak için:
- Boyut belirtme: Resimler ve videolar için width/height attribute’larını tanımlama.
- Dinamik içerik için yer ayırma: Reklam alanlarını önceden rezerve etme.
- Font FOIT/FOUT sorunlarını çözme: Sistem fontları veya font-display: swap kullanma.
Bir seyahat sitesi, otel listeleme sayfasındaki “Fırsatlar” bölümü için sabit yükseklik ayarlayarak CLS’yi 0.35’ten 0.04’e düşürmüştür. Bu iyileştirme, mobil cihazlardan gelen rezervasyonları %31 artırmıştır.
Core Web Vitals ve SEO İlişkisi
Google, Mayıs 2021’de Core Web Vitals’ı sıralama faktörleri arasına eklemiştir. SEMrush verilerine göre, LCP’si 2.5 saniyenin altında olan sitelerin %68’i ilk 3 sayfada yer alıyor. Ancak, Core Web Vitals tek başına yeterli değildir; içerik kalitesi ve backlink profili gibi diğer faktörlerle birlikte değerlendirilir.
SEO için kritik olan diğer performans göstergeleri:
- Time to First Byte (TTFB): Sunucu yanıt süresinin 600 ms altında olması.
- First Contentful Paint (FCP): İlk içeriğin 1.8 saniyeden önce görünmesi.
- Interaction to Next Paint (INP): 2024’te FID’nin yerini alacak yeni metrik.
Bir B2B şirketinin teknik blogu, Core Web Vitals skorlarını iyileştirdikten sonra organik trafiğini 6 ayda %140 artırmıştır. Bu artışın %63’ü “uzun kuyruk” anahtar kelimelerden gelmiştir.
Sık Yapılan Hatalar ve Gelişmiş İpuçları
Core Web Vitals optimizasyonunda en yaygın hata, sadece masaüstü versiyona odaklanmaktır. 2023’te global internet trafiğinin %58’i mobil cihazlardan geliyor. Diğer bir hata, tek seferlik iyileştirmeler yapıp sürekli takibi ihmal etmektir.
İleri seviye optimizasyon teknikleri:
- Preconnect ve dns-prefetch: Kritik üçüncü parti domainler için ön bağlantı.
- Next.js/Astro gibi framework’ler: Otomatik optimizasyon sağlayan modern çözümler.
- RUM verileri: Real User Monitoring ile canlı kullanıcı deneyimini analiz etme.
Bir oyun inceleme sitesi, WebAssembly kullanarak grafik render süresini 2.1 saniyeden 0.8 saniyeye düşürmüş ve sayfa başına gelirini $1.2’den $2.7’ye çıkarmıştır. Bu tür gelişmiş teknikler, rekabet avantajı sağlamaktadır.
