Core Web Vitals Nedir, Nasıl İyileştirilir?
Üç metrik
| Metrik | Ölçtüğü | İyi eşik |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfadaki en büyük içeriğin görünme süresi | 2,5 saniye veya altı |
| INP (Interaction to Next Paint) | Tıklama/dokunmaya ekranın tepki süresi | 200 ms veya altı |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken içeriğin beklenmedik kayması | 0,1 veya altı |
INP, Mart 2024'te FID'nin yerini almıştır. Değerlendirme, gerçek kullanıcıların %75'inin deneyimine (75. yüzdelik dilim) göre yapılır.
Nasıl ölçülür?
- Saha verisi: Chrome kullanıcılarından toplanan gerçek veriler (CrUX); Search Console Core Web Vitals raporu ve PageSpeed Insights'ta görünür
- Laboratuvar verisi: Lighthouse ve geliştirici araçlarıyla kontrollü ölçüm; sorunları bulmak için kullanılır
LCP'yi iyileştirmek
- Sunucu yanıt süresini (TTFB) düşürmek: önbellek, CDN
- LCP görselini optimize etmek: doğru boyut, WebP/AVIF,
fetchpriority="high" - LCP görselini tembel yüklemeden (lazy load) hariç tutmak
- Oluşturmayı engelleyen CSS ve JavaScript'i azaltmak
- Web fontlarını önceden yüklemek
INP'yi iyileştirmek
- Ana iş parçacığını uzun süre meşgul eden JavaScript görevlerini bölmek
- Gereksiz üçüncü parti betikleri kaldırmak veya ertelemek
- Olay işleyicilerini hafifletmek, ağır işleri sonraya bırakmak
- Büyük DOM yapılarından kaçınmak
CLS'yi iyileştirmek
- Görsel, video ve reklam alanlarına genişlik/yükseklik veya en-boy oranı vermek
- Üst kısma sonradan içerik (banner, çerez bildirimi) itmemek; alan ayırmak
- Font değişiminden kaynaklanan kaymaları
font-displayve uygun yedek fontlarla azaltmak
Önceliklendirme
Search Console'daki raporda sorunlu URL grupları görülür. Genellikle aynı şablonu kullanan sayfalar aynı sorunu paylaşır; şablon düzeyinde yapılan bir düzeltme yüzlerce sayfayı birden iyileştirir.
Sonuç
Core Web Vitals, hızlı ve sorunsuz bir site deneyiminin ölçülebilir karşılığıdır. SEO ve dijital büyüme hizmetimizi inceleyebilir veya ücretsiz keşif görüşmesi talep edebilirsiniz.