Core Web Vitals, Google'ın bir web sayfasının kullanıcı deneyimini nesnel olarak ölçmek için belirlediği üç metriktir: yüklenme hızı, etkileşime yanıt verme hızı ve görsel kararlılık. 2021'den beri Google'ın sıralama sinyallerinin resmi bir parçasıdır — küçük ama gerçek bir faktör.
Core Web Vitals nedir?
Üç metrik şunlardır:
- LCP (Largest Contentful Paint): Sayfadaki en büyük görsel öğenin ne kadar sürede göründüğü.
- INP (Interaction to Next Paint): Kullanıcının bir tıklama/dokunuşuna sayfanın ne kadar sürede tepki verdiği.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin ne kadar beklenmedik biçimde yer değiştirdiği.
Üçü de gerçek kullanıcı verisinden (Chrome kullanıcılarının anonim telemetrisinden) hesaplanır; laboratuvar testi değil, gerçek ziyaretçilerin gerçek deneyimidir.
LCP — En Büyük İçerikli Boyama
LCP, kullanıcının "sayfa yüklendi" hissine kapıldığı andır — genelde bir kahraman görseli, başlık bloğu veya büyük bir video kapak karesi. Google'ın eşik değerleri:
| Değer | Değerlendirme |
|---|---|
| 2.5 saniye ve altı | İyi |
| 2.5 – 4 saniye | İyileştirme gerekli |
| 4 saniyeden fazla | Zayıf |
En sık nedenleri: optimize edilmemiş büyük görseller, yavaş sunucu yanıt süresi, render'ı engelleyen CSS/JS dosyaları ve geç yüklenen yazı tipleri.
INP — Sonraki Boyamaya Etkileşim
2024'te eski FID (First Input Delay) metriğinin yerini alan INP, tek bir ilk etkileşimi değil, sayfadaki tüm etkileşimlerin yanıt hızını ölçer. Bir düğmeye bastığınızda ekranın donup donmadığını yakalar.
| Değer | Değerlendirme |
|---|---|
| 200 milisaniye ve altı | İyi |
| 200 – 500 ms | İyileştirme gerekli |
| 500 ms'den fazla | Zayıf |
En sık nedeni, ana iş parçacığını (main thread) uzun süre meşgul eden ağır JavaScript çalıştırmalarıdır — özellikle sayfa yüklenirken çalışan üçüncü parti betikler (reklam, canlı destek, analitik araçları) buna sıkça yol açar.
CLS — Kümülatif Düzen Kayması
Bir habere tıklamak üzereyken sayfanın aniden kayması ve yanlışlıkla bir reklama tıklamanız — işte CLS tam olarak bunu ölçer. Boyutu tanımlanmamış görseller, sonradan yüklenen reklam/banner alanları ve geç yüklenen yazı tipleri (font swap) en yaygın nedenlerdir.
| Değer | Değerlendirme |
|---|---|
| 0.1 ve altı | İyi |
| 0.1 – 0.25 | İyileştirme gerekli |
| 0.25'ten fazla | Zayıf |
SEO'yu gerçekten nasıl etkiliyor?
Burada beklentiyi doğru ayarlamak önemli: Core Web Vitals, içerik kalitesi ve arama niyeti uyumu kadar güçlü bir sıralama faktörü değildir. Google'ın kendi açıklamasına göre "eşit derecede iyi iki içerik arasında" bir ayraç görevi görür — yani zayıf bir içeriği güçlü Web Vitals puanı kurtarmaz, ama benzer kalitedeki iki sayfa arasında hızlı olan öne çıkabilir.
Dolaylı etkisi ise doğrudan etkisinden daha büyüktür: yavaş ve kararsız bir sayfa kullanıcıyı kaçırır, hemen çıkma oranını yükseltir, oturum süresini düşürür — ve bu davranışsal sinyaller sıralamayı Core Web Vitals'tan çok daha güçlü etkiler.
Nasıl ölçülür?
- PageSpeed Insights: Hem gerçek kullanıcı verisini (mevcutsa) hem laboratuvar testini tek ekranda gösterir. En pratik başlangıç noktası.
- Search Console → Temel Web Verileri: Sitenizin tüm sayfalarını gruplayarak hangilerinin "iyi", "iyileştirilmeli" veya "zayıf" olduğunu topluca gösterir.
- Chrome DevTools → Lighthouse: Geliştirici konsolunda anlık, detaylı bir analiz sunar.
İyileştirme için pratik adımlar
- Görselleri modern formata çevirin. WebP/AVIF kullanın, gerçek gösterim
boyutunda sıkıştırın, ekran altındakileri
loading="lazy"ile geciktirin. - Görsellere ve reklam alanlarına sabit boyut verin. Tarayıcı, içerik yüklenmeden önce ne kadar yer ayıracağını bilsin — bu CLS'i doğrudan iyileştirir.
- Render'ı engelleyen kaynakları azaltın. Kritik olmayan CSS/JS dosyalarını ertelenmiş (defer/async) yükleyin.
- Yazı tiplerini optimize edin.
font-display: swapkullanın, gerekmeyen ağırlıkları/karakterleri yüklemeyin. - Üçüncü parti betikleri sınırlayın. Her eklediğiniz canlı destek, analitik veya reklam betiği INP'yi kötüleştirebilir; gerçekten ihtiyacınız olanları tutun.
- Sunucu yanıt süresini kısaltın. Önbellekleme (caching) ve iyi bir barındırma seçimi, LCP'nin en gözden kaçan ama en etkili girdisidir.
Öncelik sırası: Genellikle en büyük kazanım görsellerden gelir — çoğu sitede LCP sorununun kaynağı optimize edilmemiş tek bir büyük görseldir. Once onu düzeltin, sonra diğer maddelere geçin.
Sayfa hızı iyi olsa bile ziyaretçi çekemiyorsanız darboğaz görünürlüktedir — bu durumda CTR artırma rehberimize veya genel organik trafik artırma yazımıza göz atabilirsiniz.