Core Web Vitals Nedir?
Core Web Vitals, Google’ın web sayfalarının kullanıcı deneyimini ölçmek için kullandığı üç temel performans metrikidir. Bu metrikler, bir sitenin arama sonuçlarındaki sıralamasını doğrudan etkileyen teknik SEO sinyalleri arasında yer alır. Core Web Vitals; sayfanın yükleme hızını, görsel kararlılığını ve etkileşim hazırlığını değerlendirerek Google’a “bu sayfa kullanıcıya nasıl bir deneyim sunuyor?” sorusunun yanıtını verir.
2021 yılında Google, sayfa deneyimi sinyallerini sıralama faktörlerine entegre ettiğinden beri Core Web Vitals, SEO profesyonellerinin gündemindeki en önemli teknik konulardan biri haline geldi. İyi bir Core Web Vitals skoru, yalnızca sıralama kazanmakla kalmaz; hemen çıkma oranını düşürür, dönüşüm oranlarını artırır ve mobil kullanıcıların sitenizde kalma süresini uzatır.
Bu rehberde, üç Core Web Vitals metriğini detaylı şekilde inceleyecek, her birini iyileştirmek için pratik adımlar paylaşacak ve Google Search Console üzerinden nasıl takip edeceğinizi adım adım anlatacağız.
Üç Temel Core Web Vitals Metriği
Google, sayfa deneyimini değerlendirmek için üç temel metrik belirlemiştir. Her biri, kullanıcı deneyiminin farklı bir boyutunu ölçer ve birbirinden bağımsız olarak iyileştirilebilir.
LCP — En Büyük İçerik Boyası (Largest Contentful Paint)
LCP, sayfanın görünür alanındaki en büyük içerik öğesinin ekrana çizilme süresini ölçer. Bu öğe bir başlık, bir görsel, bir video veya büyük bir metin bloğu olabilir. LCP, kullanıcının “sayfa yüklendi” algısını temsil eder.
Google’ın LCP değerlendirmesi şu şekildedir:
- 0–2,5 saniye: İyi (Yeşil)
- 2,5–4 saniye: İyileştirme gerekiyor (Turuncu)
- 4 saniyeden fazla: Kötü (Kırmızı)
LCP’yi düşüren yaygın nedenler arasında sunucu yanıt süresinin yüksek olması, optimize edilmemiş görseller, istemci tarafında çalışan ağır JavaScript ve kritik kaynakların renderı engellemesi yer alır. Bu sorunları çözmek için sunucu yanıt süresini 600 ms altına düşürmeli, görselleri WebP formatında ve lazy loading ile yüklemeli, CSS ve JavaScript dosyalarını minimize etmeli ve kritik CSS’i inline olarak sayfaya eklemelisiniz.
FID — İlk Girdi Gecikmesi (First Input Delay)
FID, kullanıcının sayfayla ilk etkileşime girmesinden (bir butona tıklama, bir linke dokunma) tarayıcının bu etkileşime yanıt vermesine kadar geçen süreyi ölçer. FID, sayfanın “ne kadar hızlı tepki verdiğini” gösterir.
Google’ın FID değerlendirmesi:
- 0–100 milisaniye: İyi (Yeşil)
- 100–300 milisaniye: İyileştirme gerekiyor (Turuncu)
- 300 milisaniyeden fazla: Kötü (Kırmızı)
FID’yi artıran başlıca neden, ana thread’de çalışan uzun JavaScript işlemleridir. Tarayıcı, JavaScript’i çalıştırırken kullanıcı etkileşimlerine yanıt veremez. Bu sorunu çözmek için JavaScript’i küçük parçalara bölerek çalıştırmalı, üçüncü taraf betiklerini ertelenmiş (defer) olarak yüklemeli ve web worker’ları kullanarak ağır işlemleri ana thread’den ayırmalısınız.
CLS — Kümülatif Düzen Kayması (Cumulative Layout Shift)
CLS, sayfa yükleme sürecinde içeriklerin beklenmedik şekilde yer değiştirmesini ölçer. Bir metin okurken aniden altına reklam kayması, bir butona tıklamak üzereyken butonun yer değiştirmesi — bunların hepsi CLS skorunu kötüleştirir.
Google’ın CLS değerlendirmesi:
- 0–0,1: İyi (Yeşil)
- 0,1–0,25: İyileştirme gerekiyor (Turuncu)
- 0,25’ten fazla: Kötü (Kırmızı)
CLS sorunlarının en yaygın kaynakları; boyutu belirtilmemiş görseller ve reklamlar, dinamik olarak yüklenen içerikler ve web fontlarıdır. Görseller için her zaman width ve height niteliklerini tanımlamak, reklamlar için önceden alan ayırmak ve fontları font-display: swap ile yüklemek CLS skorunu dramatik şekilde iyileştirir.
Core Web Vitals Neden SEO İçin Önemli?
Core Web Vitals, sıralama faktörü olarak kullanıldığından SEO stratejilerinin ayrılmaz bir parçasıdır. Ancak etkisi yalnızca sıralama ile sınırlı değildir. Kötü bir sayfa deneyimi, kullanıcıları sitenizden uzaklaştırır ve bu durum Google’ın “kullanıcılar bu sayfadan memnun değil” sinyalini güçlendirir.
Sıralama Üzerindeki Etkisi
Google, Core Web Vitals’ı yüzlerce sıralama faktöründen biri olarak değerlendirir. Tek başına mükemmel bir Core Web Vitals skoru sizi ilk sıraya taşımaz; ancak kötü bir skor, içerik kalitesi ne kadar yüksek olursa olsun sıralamanızı baltalar. Özellikle rekabetçi anahtar kelimelerde, benzer içerik kalitesine sahip iki sayfadan Core Web Vitals skoru iyi olan öne çıkar.
Kullanıcı Deneyimi ve Dönüşüm
Araştırmalar, 1 saniyelik sayfa yükleme gecikmesinin dönüşüm oranlarını %7 oranında düşürdüğünü göstermektedir. Yüksek CLS skoru, kullanıcıların yanlış butonlara tıklamasına ve siteden ayrılmasına neden olur. İyi bir FID skoru ise mobil kullanıcıların sayfayla hızlıca etkileşime girmesini sağlar. E-ticaret siteleri için bu metrikler, doğrudan gelirle ilişkilidir.
Mobil Öncelikli İndeksleme Bağlamı
Google’ın mobil öncelikli indeksleme yaklaşımı, Core Web Vitals’ı daha da kritik hale getirir. Mobil cihazlarda işlem gücü ve bant genişliği sınırlı olduğundan, optimize edilmemiş sayfalar mobil kullanıcılar için daha büyük sorunlar yaratır. Mobil SEO stratejinizin temel taşı, iyi bir Core Web Vitals performansı olmalıdır.
Core Web Vitals Nasıl Ölçülür?
Core Web Vitals’ı ölçmek için birden fazla araç mevcuttur. Her biri farklı veri kaynağı kullandığından, kapsamlı bir değerlendirme için birden fazla aracı birlikte kullanmak gerekir.
Google Search Console
Search Console’daki “Sayfa Deneyimi” raporu, Core Web Vitals performansınızı gerçek Chrome kullanıcılarından toplanan verilerle (CrUX) gösterir. Bu rapor, ziyaretçilerinizin sayfalarınızı gerçek dünyada nasıl deneyimlediğinin en güvenilir kaynağıdır. Masaüstü ve mobil performansı ayrı ayrı görüntüleyebilirsiniz.
Google PageSpeed Insights
PageSpeed Insights, hem laboratuvar (Lighthouse) hem de saha (CrUX) verilerini tek bir raporda sunar. Sayfa bazında LCP, FID yerine artık INP (Interaction to Next Paint) ve CLHS metriklerini detaylı analiz eder. İyileştirme önerileri de bu araç üzerinden sunulur.
Lighthouse
Lighthouse, Chrome DevTools içinde çalışan ve sayfa performansını simüle eden bir denetim aracıdır. Laboratuvar koşullarında test yaptığından, gerçek kullanıcı verilerinden farklı sonuçlar verebilir; ancak iyileştirme fırsatlarını belirlemek için güçlü bir araçtır.
Chrome UX Report (CrUX)
CrUX, Chrome kullanıcılarından toplanan anonim performans verileridir. PageSpeed Insights ve Search Console’daki saha verilerinin kaynağıdır. Büyük siteler için anlamlı veri sunarken, düşük trafikli sayfalar için yeterli veri olmayabilir.
FID Yerine INP: Yeni Etkileşim Metriği
Google, Mart 2024’te FID metriğini INP (Interaction to Next Paint) ile değiştirdi. FID yalnızca ilk etkileşimi ölçerken, INP sayfadaki tüm etkileşimlerin en kötü yanıt süresini değerlendirir. Bu değişiklik, sayfa yüklendikten sonraki kullanıcı deneyimini daha gerçekçi bir şekilde yansıtır.
INP değerlendirmesi:
- 0–200 milisaniye: İyi (Yeşil)
- 200–500 milisaniye: İyileştirme gerekiyor (Turuncu)
- 500 milisaniyeden fazla: Kötü (Kırmızı)
INP’yi iyileştirmek için JavaScript çalışma süresini azaltmalı, ana thread’de uzun işlemlerden kaçınmalı ve requestIdleCallback gibi API’leri kullanarak ağır işlemleri ertelemelisiniz. Teknik SEO denetimi sürecinizde INP değerlendirmesini mutlaka dahil etmelisiniz.
LCP İyileştirme Stratejileri
LCP, çoğu web sitesi için en kritik iyileştirme alanıdır. Sayfanın en büyük görünen öğesinin hızlıca render edilmesi, kullanıcı memnuniyetinin temel koşuludur.
Sunucu Yanıt Süresini Azaltma
Sunucunun ilk byte’ı gönderme süresi (TTFB), LCP’yi doğrudan etkiler. TTFB’yi azaltmak için CDN kullanımı, veritabanı sorgularını optimize etme, sunucu tarafı önbellekleme ve DNS sorgularını minimize etme gerekir. Hedef TTFB süresi 600 milisaniyenin altı olmalıdır.
Görsel Optimizasyonu
LCP öğesi genellikle bir görseldir. Görselleri optimize etmek için şu adımları izleyin:
- Tüm görselleri WebP veya AVIF formatında sunun
- Responsive görseller için
srcsetvesizesniteliklerini kullanın - Görseller için lazy loading kullanmayın (LCP öğesi için eager loading zorunlu)
- Görsel boyutlarını HTML’de
widthveheightile tanımlayın
Kritik Kaynakları Önceliklendirme
Sayfanın görünür alanındaki içerikleri render etmek için gerekli CSS ve fontlar, renderı engelleyen kaynaklar olarak kabul edilir. Kritik CSS’i inline olarak ekleyerek, geri kalan CSS’i asenkron yükleyerek ve fontları preconnect ile önceliklendirerek LCP süresini azaltabilirsiniz.
CLS İyileştirme Stratejileri
CLS, kullanıcı deneyimini en doğrudan bozan metriklerden biridir. Sayfa yüklenirken içeriğin yer değiştirmesi, yanlış tıklamalara ve kullanıcı güveninin sarsılmasına neden olur.
Görseller ve Reklamlar İçin Alan Ayırma
En yaygın CLS kaynağı, boyutu önceden bilinmeyen görseller ve reklamlardır. Her görsel için aspect-ratio CSS özelliğini kullanmak veya width/height niteliklerini tanımlamak, tarayıcının yükleme öncesi alanı reserve etmesini sağlar. Reklam slotları için minimum yükseklik tanımlamak, reklamlar yüklenene kadar alanı sabit tutar.
Dinamik İçerik Yönetimi
Sayfa yüklendikten sonra DOM’a eklenen içerikler, mevcut içeriklerin yer değiştirmesine neden olur. Yeni içerik eklerken, mevcut içeriğin altına eklemek (append) yerine sabit bir alan içinde sunmak CLS sorunlarını önler. Ayrıca, kullanıcı etkileşimi sonrası yapılan değişiklikler CLS skoruna dahil edilmez; bu nedenle tıklama sonrası yer değiştirmeler CLS metrik değerini etkilemez.
Web Fontları ve CLS
Web fontları yüklendiğinde, sistem fontundan web fontuna geçiş (FOUT) veya metnin görünmez olması (FOIT) CLS’e neden olabilir. font-display: swap kullanarak sistem fontunu hızlıca gösterip web fontunu asenkron yüklemek, hem CLS’yi iyileştirir hem de okunabilirliği korur. Ayrıca, size-adjust CSS özelliği ile sistem fontu ve web fontu arasındaki boyut farkını minimize edebilirsiniz.
INP İyileştirme Stratejileri
INP, modern web sayfalarında en zorlu iyileştirme alanıdır. JavaScript’in ana thread’de ne kadar süre harcadığını doğrudan etkiler.
JavaScript Bölme ve Erteleme
Kod tabanınızı küçük parçalara bölerek yalnızca gerekli olanı yüklemek (code splitting), ana thread’deki iş yükünü azaltır. Kritik olmayan JavaScript için defer nititeliğini kullanmak ve üçüncü taraf betiklerini async ile yüklemek, INP skorunu iyileştiren temel adımlardır.
Uzun Görevleri Bölme
50 milisaniyeden uzun JavaScript görevleri “long task” olarak kabul edilir ve INP’yi doğrudan kötüleştirir. Uzun görevleri küçük parçalara bölmek için requestAnimationFrame, setTimeout veya scheduler.yield() API’lerini kullanabilirsiniz. Bu yöntem, tarayıcının kullanıcı etkileşimlerine ara sıra yanıt vermesini sağlar.
Web Worker Kullanımı
Ağır hesaplama işlemlerini ana thread’den web worker’lara taşımak, INP’yi dramatik şekilde iyileştirir. Veri işleme, form doğrulama ve karmaşık hesaplamalar gibi işlemler web worker’da çalıştırılabilir. Böylece ana thread, kullanıcı etkileşimlerine hızla yanıt verebilir.
WordPress Siteleri İçin Core Web Vitals Optimizasyonu
WordPress, dünya genelindeki web sitelerinin %43’üne güç vermektedir ve bu sitelerin önemli bir kısmı Core Web Vitals konusunda zorlanmaktadır. WordPress’in yapısı gereği, tema ve eklenti yükü, veritabanı sorguları ve dinamik içerik üretimi performansı etkiler.
Tema Seçimi ve Optimizasyonu
Hafif, modern bir tema seçmek Core Web Vitals için en kritik kararlardan biridir. GeneratePress, Astra ve Kadence gibi temalar, düşük CSS/JavaScript hacmi ve sade HTML yapısıyla öne çıkar. Gereksiz tema özelliklerini devre dışı bırakmak, kullanılmayan CSS’leri kaldırmak ve tema ayarlarındaki gereksiz scriptleri kapatmak LCP ve INP skorlarını iyileştirir.
Önbellekleme ve CDN
Sayfa önbellekleme (page cache), nesne önbellekleme (Redis, Memcached) ve tarayıcı önbellekleme, WordPress siteleri için temel iyileştirme adımlarıdır. WP Rocket veya LiteSpeed Cache gibi eklentiler, sayfa önbellekleme ve CSS/JavaScript optimize etme işlevlerini tek çatı altında sunar. CDN kullanımı ise statik kaynakları kullanıcılara coğrafi olarak yakın sunuculardan iletir ve TTFB’yi düşürür.
Eklenti Yönetimi
Her eklenti, sayfaya CSS ve JavaScript ekler; gereksiz eklentiler doğrudan LCP, INP ve CLS skorlarını kötüleştirir. Kullanılmayan eklentileri kaldırmak, gerekli eklentilerin betiklerini yalnızca ihtiyaç duyulan sayfalarda yüklemek ve üçüncü taraf eklentilerin (e-ticaret, analiz, sohbet widget’ları) yüklerini minimize etmek kritik iyileştirme adımlarıdır.
Core Web Vitals İzleme ve Sürekli İyileştirme
Core Web Vitals iyileştirmesi tek seferlik bir işlem değildir. Yeni içerik eklemek, tema güncellemesi yapmak, eklenti değiştirmek ve trafik artışları performansı etkiler. Bu nedenle sürekli izleme ve düzenli denetim zorunludur.
Search Console ile Düzenli Takip
Google Search Console’daki Core Web Vitals raporunu haftalık olarak kontrol edin. Kötü ve iyileştirme gerektiren URL’leri belirleyip önceliklendirin. “Kötü” olarak işaretli URL’lerin oranını %5’in altında tutmak, genel site kalitesini korumak için önemlidir.
Performans Bütçesi Belirleme
Her sayfa türü için performans bütçesi tanımlayın: ana sayfa LCP < 2 saniye, ürün sayfaları LCP < 2,5 saniye, blog yazıları LCP < 3 saniye gibi. Bu bütçeleri aşan sayfaları öncelikli iyileştirme listesine ekleyin. Performans bütçesi, yeni içerik üretiminde ve tema geliştirmede kontrol mekanizması olarak çalışır.
Core Web Vitals ve Arama Niyeti İlişkisi
Kullanıcıların arama niyetini karşılayan içerik, yavaş yükleniyorsa değersizleşir. Bilgi arayan bir kullanıcı, 5 saniye yüklenen bir sayfadan çıkar ve rakip siteye geçer. Bu durum, yüksek sıralama elde etmiş sayfaların bile kötü Core Web Vitals skoruyla trafik kaybetmesine neden olur. Arama niyetini karşılamak, yalnızca içerik kalitesiyle değil, aynı zamanda sunum hızı ve kararlılığıyla da mümkündür.
Sonuç: Core Web Vitals, Modern SEO’nun Temel Taşı
Core Web Vitals, teknik SEO’nun en somut ve ölçülebilir boyutudur. LCP, INP ve CLS metriklerini iyileştirmek, yalnızca Google sıralamalarında yükselmek için değil, kullanıcılarınıza gerçek değer sunmak için gereklidir. Hızlı yüklenen, düzgün yerleşik ve hızlı tepki veren sayfalar, daha uzun oturum süreleri, daha düşük hemen çıkma oranları ve daha yüksek dönüşüm oranları anlamına gelir.
İyileştirme sürecini küçük adımlarla başlatın: Search Console raporunuzu inceleyin, en kötü performans gösteren sayfaları belirleyin ve bu rehberdeki stratejileri uygulayın. Her iyileştirme, hem kullanıcı deneyiminizi hem de arama performansınızı güçlendirecektir. Core Web Vitals optimizasyonu bir hedef değil, sürekli bir iyileştirme sürecidir — ve bu süreç, SEO stratejinizin ayrılmaz bir parçası olmalıdır.