Core Web Vitals (CWV) Optimizasyonu: Nedir, Neden Önemli?
12 Aralık 2025 · 4 dk okuma
Performans Artık Bir Zorunluluk
Modern internet kullanıcısı sabırsızdır. Bir web sayfasının yüklenmesi bir saniyeden uzun sürdüğünde, kullanıcıların büyük bir yüzdesi siteyi terk eder. Google, 2021'den itibaren Core Web Vitals (CWV) metriklerini sıralama faktörü haline getirerek, web performansını resmi olarak SEO'nun (Arama Motoru Optimizasyonu) merkezine yerleştirdi.
CWV, sitenizin kullanıcı deneyimini ölçen üç temel metrikten oluşur:
- LCP (Largest Contentful Paint): Yüklenme performansı.
- FID (First Input Delay) / INP (Interaction to Next Paint): Etkileşim performansı.
- CLS (Cumulative Layout Shift): Görsel kararlılık.
Bu yazıda, bu üç metriği nasıl anlayacağımızı ve pratik, gerçek dünya teknikleriyle nasıl mükemmel skorlara ulaşabileceğimizi inceleyeceğiz.
1. LCP (Largest Contentful Paint): Yüklenme Performansının Kalbi
LCP, bir sayfa yüklenmeye başladığında, ekranda beliren en büyük metin bloğunun veya görselin yüklenmesi için geçen süredir. İdeal olarak 2.5 saniyenin altında olmalıdır.
LCP Nasıl İyileştirilir?
LCP'yi düşürmenin anahtarı, en büyük içeriğe öncelik vermektir.
1.1 Sunucu Cevap Süresini Kısaltma (TTFB)
- Sorun: Sunucunuzun ilk baytı göndermesi (TTFB) uzun sürüyorsa, LCP otomatik olarak kötü başlar.
- Çözüm: Hızlı bir hosting platformu kullanın ve veritabanı sorgularınızı optimize edin. CDN'ler (İçerik Dağıtım Ağları) kullanarak içeriği kullanıcıya en yakın noktadan sunun.
1.2 Kritik CSS ve Tembel Yükleme (Lazy Loading)
- Sorun: Tarayıcı, sayfanın görünür kısmını göstermeden önce tüm CSS ve JavaScript dosyalarını bekler.
- Çözüm: Kritik CSS'i (sayfanın üst kısmını stilize eden)
<head>etiketine satır içi (inline) yerleştirin. Ekran dışındaki görseller ve CSS/JS dosyaları için Tembel Yükleme (Lazy Loading) kullanın.
İpucu: `fetchpriority` Kullanımı
En büyük görseliniz için ile birlikte özniteliğini kullanmak, tarayıcıya bu görseli diğerlerinden önce yüklemesi gerektiğini söyler. Bu, LCP'yi birkaç yüz milisaniye iyileştirebilir.