Core Web Vitals, Google’ın bir web sayfasının kullanıcı deneyimini ölçmek için tanımladığı üç temel performans metriğinin ortak adıdır. Sayfanızın ne kadar hızlı yüklendiğini, etkileşimlere ne kadar çabuk yanıt verdiğini ve görsel olarak ne kadar kararlı olduğunu sayısal değerlere indirger. Bu metrikler yalnızca teknik bir merak konusu değil; aynı zamanda Google sıralama sinyalleri arasında yer aldığından doğrudan organik trafiğinizi ve dönüşüm oranlarınızı etkiler. Bu rehberde Core Web Vitals’ın ne olduğunu, nasıl ölçüldüğünü ve her bir metriği iyileştirmek için neler yapabileceğinizi adım adım ele alıyoruz.
Core Web Vitals Nedir ve Neden Önemlidir?
Core Web Vitals, Google’ın daha geniş kapsamlı “Web Vitals” girişiminin çekirdeğini oluşturan, kullanıcı odaklı üç ana metriktir: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) ve CLS (Cumulative Layout Shift). Bu üç metrik sırasıyla yükleme performansını, etkileşim hızını ve görsel kararlılığı temsil eder.
Bu değerlerin önemi iki yönlüdür. Birincisi, kullanıcı deneyimi açısından kritiktir: Yavaş açılan, tıklamalara geç yanıt veren ya da içeriği sürekli kayan bir sayfa, ziyaretçiyi hızla terk ettirir. İkincisi, Google bu metrikleri sayfa deneyimi sinyallerinin bir parçası olarak değerlendirir. İyi bir Core Web Vitals skoru, rekabetin yoğun olduğu aramalarda size avantaj sağlayabilir. Kısacası, bu metrikleri iyileştirmek hem ziyaretçilerinizi memnun eder hem de SEO performansınıza katkı sunar.
Üç Temel Metrik: LCP, INP ve CLS
Core Web Vitals’ı oluşturan her metrik, kullanıcı deneyiminin farklı bir boyutunu ölçer. Bu metrikleri ve hedef değerlerini iyi anlamak, iyileştirme çalışmalarına nereden başlayacağınızı belirler.
LCP (Largest Contentful Paint) – Yükleme Hızı
LCP, sayfadaki en büyük görünür içerik öğesinin (genellikle bir kahraman görseli, video poster’ı veya büyük bir metin bloğu) ekranda render edilmesi için geçen süreyi ölçer. Bu metrik, kullanıcının “sayfa yüklendi” hissine ne kadar çabuk ulaştığını gösterir. İyi bir deneyim için LCP değeri 2,5 saniyenin altında olmalıdır.
INP (Interaction to Next Paint) – Etkileşim Hızı
INP, 2024 yılında eski FID (First Input Delay) metriğinin yerini alan metriktir. Sayfa boyunca yapılan tüm tıklama, dokunma ve klavye etkileşimlerine tarayıcının görsel olarak yanıt verme gecikmesini ölçer. Yani kullanıcı bir butona tıkladığında ekranda bir değişikliğin görünmesi ne kadar sürüyor? İyi bir INP değeri 200 milisaniyenin altındadır.
CLS (Cumulative Layout Shift) – Görsel Kararlılık
CLS, sayfa yüklenirken ve kullanım sırasında öğelerin beklenmedik şekilde kaymasını ölçer. Geç yüklenen bir reklam ya da boyutu belirtilmemiş bir görsel yüzünden okuduğunuz metnin aniden aşağı kayması klasik bir CLS sorunudur. Bu metrik birimsizdir ve ideal değeri 0,1’in altındadır.
| Metrik | Ölçtüğü Şey | İyi | İyileştirme Gerekli | Zayıf |
|---|---|---|---|---|
| LCP | Yükleme hızı | ≤ 2,5 sn | 2,5 – 4,0 sn | > 4,0 sn |
| INP | Etkileşim hızı | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS | Görsel kararlılık | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Core Web Vitals Nasıl Ölçülür?
Metrikleri iyileştirmeden önce doğru ölçmek gerekir. Ölçüm verileri iki kategoriye ayrılır: gerçek kullanıcı verileri (saha / field data) ve laboratuvar verileri (lab data). Saha verisi gerçek ziyaretçilerinizin deneyimini, laboratuvar verisi ise kontrollü bir ortamda yapılan simülasyonu yansıtır. Google sıralamada saha verisini esas alır.
- Google PageSpeed Insights: Hem saha hem laboratuvar verisini bir arada sunar; en pratik başlangıç noktasıdır.
- Google Search Console: “Temel Web Verileri” raporu, tüm sitenizdeki URL’leri iyi, iyileştirilmeli ve zayıf olarak gruplar.
- Chrome DevTools (Lighthouse): Geliştirme aşamasında sayfa bazlı detaylı laboratuvar analizi sağlar.
- CrUX (Chrome User Experience Report): Gerçek Chrome kullanıcılarından toplanan saha verisinin kaynağıdır.
- web-vitals JavaScript kütüphanesi: Kendi analitik altyapınıza canlı metrik göndermek için kullanılır.
Laboratuvar testinde mükemmel sonuç almanız her zaman gerçek kullanıcı deneyiminin de iyi olduğu anlamına gelmez. Mutlaka saha verisini takip edin; çünkü Google sıralamada bu veriyi dikkate alır.
LCP’yi İyileştirme Yöntemleri
LCP genellikle sunucu yanıt süresi, render’ı engelleyen kaynaklar ve büyük medya dosyalarından olumsuz etkilenir. İyileştirme için şu adımları izleyebilirsiniz:
- Sunucu yanıt süresini (TTFB) düşürün: Hızlı bir hosting, etkili önbellekleme ve CDN kullanımı temel önceliktir.
- Görselleri optimize edin: WebP veya AVIF formatlarını tercih edin, görselleri sıkıştırın ve doğru boyutta sunun.
- Kritik kaynakları öne çekin: En büyük içerik öğesinin görselini preload ile önceden yükleyin ve lazy-load uygulamayın.
- Render’ı engelleyen CSS/JS dosyalarını azaltın: Kritik CSS’i satır içine alın, kullanılmayan kodu temizleyin.
- Web fontlarını optimize edin: font-display: swap kullanarak metnin font yüklenirken görünür kalmasını sağlayın.
INP ve CLS’yi İyileştirme Yöntemleri
INP’yi iyileştirmenin anahtarı, tarayıcının ana iş parçacığını (main thread) meşgul eden ağır JavaScript işlemlerini hafifletmektir. CLS ise büyük ölçüde sayfa düzeninin önceden rezerve edilmesiyle çözülür.
INP için yapılması gerekenler
- Uzun süren JavaScript görevlerini daha küçük parçalara bölün ve gereksiz hesaplamaları erteleyin.
- Üçüncü taraf scriptlerini (analitik, sohbet widget’ları, reklamlar) gözden geçirin ve gereksizleri kaldırın.
- Etkileşim sonrası görsel geri bildirimi öncelikleyin; ağır işlemleri arka plana taşıyın.
- Kullanılmayan JavaScript’i kaldırarak ana iş parçacığı üzerindeki yükü azaltın.
CLS için yapılması gerekenler
- Tüm görsel ve video öğelerine genişlik ve yükseklik (width/height) öznitelikleri ekleyin.
- Reklam ve gömülü içerik (iframe) alanları için önceden yer ayırın.
- İçeriği mevcut öğelerin üstüne sonradan eklemekten kaçının; özellikle banner ve bildirimlerde dikkatli olun.
- Web fontlarını dikkatli yükleyerek metin yeniden akışı (reflow) kaynaklı kaymaları önleyin.
Sıkça Sorulan Sorular
Core Web Vitals doğrudan SEO sıralamasını etkiler mi?
Evet, Core Web Vitals Google’ın sayfa deneyimi sinyalleri arasında yer alır ve sıralamayı etkileyen faktörlerden biridir. Ancak tek başına belirleyici değildir; içerik kalitesi ve alaka düzeyi hâlâ en önemli unsurlardır. İki sayfa içerik açısından benzerse, daha iyi Core Web Vitals skoruna sahip olan öne geçme avantajı yakalar.
FID ile INP arasındaki fark nedir?
FID yalnızca kullanıcının ilk etkileşimindeki gecikmeyi ölçüyordu. INP ise sayfa boyunca yapılan tüm etkileşimlerin yanıt sürelerini değerlendirerek çok daha kapsamlı bir tablo sunar. Bu nedenle Google, Mart 2024 itibarıyla FID’i kaldırıp yerine INP’yi resmi Core Web Vitals metriği olarak getirmiştir.
İyi bir Core Web Vitals skoruna ne kadar sürede ulaşırım?
Bu, sitenizin mevcut durumuna ve sorunların kaynağına bağlıdır. Görsel optimizasyonu gibi bazı iyileştirmeler birkaç saatte tamamlanabilirken, hosting değişikliği veya kapsamlı kod refaktörü gerektiren durumlar daha uzun sürebilir. Ayrıca saha verisi 28 günlük bir periyotta toplandığı için, yaptığınız iyileştirmelerin Google Search Console’a yansıması birkaç hafta alabilir.
Sonuç
Core Web Vitals, modern web performansının ölçülebilir bir özetidir ve hem kullanıcı memnuniyeti hem de arama motoru görünürlüğü için doğrudan değer taşır. LCP, INP ve CLS metriklerini düzenli olarak ölçmek, sorunların kaynağını tespit etmek ve yukarıdaki adımları uygulamak, sitenizi rakiplerinizin önüne taşıyacaktır. Sitenizin hız metriklerini bir üst seviyeye taşımak ve profesyonel bir performans optimizasyonu desteği almak istiyorsanız, premiumwebsitesi ekibiyle iletişime geçerek ücretsiz teklif alabilirsiniz.