Core Web Vitals, Google’ın bir sayfanın kullanıcı deneyimini ölçmek için kullandığı üç metrikten oluşur. Bunlar doğrudan sıralama sinyalidir — yani iki sayfa içerik olarak eşitse, hızlı olan öne geçer.
LCP — Largest Contentful Paint
Sayfanın en büyük görsel öğesinin ne kadar sürede göründüğünü ölçer. Kullanıcının "sayfa açıldı" hissini yaşadığı andır.
- İyi: 2.5 saniyenin altı
- İyileştirme gerekli: 2.5 – 4 saniye
- Kötü: 4 saniyenin üstü
Nasıl iyileştirilir: Hero görselini modern formatta (WebP/AVIF) ve doğru boyutta sunun, fetchpriority="high" verin, sunucu yanıt süresini düşürün, kritik CSS’i satır içi hâle getirin.
INP — Interaction to Next Paint
2024’te FID’in yerini aldı. Kullanıcı bir butona tıkladığında sayfanın ne kadar sürede tepki verdiğini ölçer.
- İyi: 200 milisaniyenin altı
- İyileştirme gerekli: 200 – 500 ms
- Kötü: 500 ms üstü
Nasıl iyileştirilir: Ana iş parçacığını meşgul eden ağır JavaScript’i azaltın. Çoğu sitede suçlu, kullanılmayan üçüncü taraf betikleridir — chat widget’ları, ısı haritaları, gereksiz izleme kodları.
CLS — Cumulative Layout Shift
Sayfa yüklenirken içeriğin ne kadar kaydığını ölçer. Okumaya başladığınız metnin aniden aşağı kayması ya da tam basacakken butonun yer değiştirmesi bu metriği bozar.
- İyi: 0.1’in altı
- İyileştirme gerekli: 0.1 – 0.25
- Kötü: 0.25 üstü
Nasıl iyileştirilir: Tüm görsellere width ve height yazın, reklam ve embed alanları için yer ayırın, web fontlarını font-display: swap ile yükleyin.
Nasıl ölçülür?
İki tür veri vardır ve karıştırılması sık görülen bir hatadır:
- Saha verisi (CrUX): gerçek kullanıcılardan toplanır, Search Console’da görünür — sıralamayı etkileyen budur
- Laboratuvar verisi (Lighthouse): tek seferlik simülasyon, geliştirme sırasında yol gösterir
Lighthouse skorunuz 100 olsa bile saha verisi kötüyse Google saha verisine bakar. Bu yüzden Search Console’daki Core Web Vitals raporunu düzenli takip edin.
Pratik öncelik sırası
Sınırlı zamanınız varsa şu sırayla ilerleyin: önce görselleri optimize edin (LCP’ye en büyük etki), sonra gereksiz üçüncü taraf betikleri temizleyin (INP), en son görsel boyutlarını ve font yüklemesini düzeltin (CLS).