Core Web Vitals Nedir? Site Hızı SEO’yu Nasıl Etkiler?

LCP, CLS ve INP metrikleri ne anlama gelir? Web sitesi hızının SEO ve kullanıcı deneyimi üzerindeki etkisini açıkladık.

Site hızı yıllardır konuşulsa da Core Web Vitals ile ölçüm standartlaştı. Artık “hızlı hissediyor” demek yetmiyor; field data (gerçek kullanıcı) ve lab data (sentetik test) birlikte yorumlanıyor. Yavaş bir sayfa sadece sıralamayı düşürmez; sepet terkini, form yarım bırakmayı ve marka güvenini de zedeler. SEO çalışmalarında teknik denetimin ilk maddesi genelde bu metriklerdir.

LCP: Largest Contentful Paint nedir?

LCP, görünür alandaki en büyük içerik öğesinin (çoğunlukla hero görseli veya ana başlık bloğu) ne kadar sürede boyandığını ölçer. İyi bir LCP, kullanıcının “sayfa açıldı” hissini hızlandırır. Google’ın rehber eşiğinde 2,5 saniyenin altı hedeflenir; 4 saniyeyi aşan değerler iyileştirme gerektirir.

LCP’yi iyileştirmek için pratik adımlar

• Hero görsellerini modern format (WebP/AVIF) ve doğru boyutta sunun.
• Kritik CSS’i satır içi veya erken yükleyin; render-blocking CSS/JS azaltın.
• Sunucu yanıt süresini (TTFB) düşürün: önbellek, CDN, veritabanı optimizasyonu.
• Font yüklemesinde font-display: swap ve subset kullanın.
• Lazy-load’u LCP görseline uygulamayın; öncelik (fetchpriority="high") verin.

Yeni bir kurumsal site web tasarım sürecinde tasarım onayı alınmadan önce prototip URL’de LCP ölçümü yapmak, sonradan “tasarımı bozmadan hızlandıramıyoruz” çıkmazını önler.

INP: Interaction to Next Paint

FID (First Input Delay) yerini büyük ölçüde INP’ye bıraktı. INP, sayfa yaşam döngüsü boyunca kullanıcı etkileşimlerine verilen yanıt gecikmesinin kötü örneklerini yansıtır. Menü açma, filtreleme, sepete ekleme gibi olaylarda takılma hissi INP’yi kötüleştirir. 200 ms altı iyi, 500 ms üzeri zayıf kabul edilir.

JavaScript yükünü parçalamak (code splitting), uzun görevleri bölmek, üçüncü taraf script’leri (chat widget, heatmap, reklam) geciktirmek veya koşullu yüklemek INP için kritiktir. Özel yazılım projelerinde frontend mimarisi seçilirken bu metrik tasarım kriteri olmalıdır.

CLS: Cumulative Layout Shift

CLS, sayfa yüklenirken beklenmedik kaymaların toplamını ölçer. Reklam banner’ı, geç yüklenen font veya boyutsuz görsel yüzünden butona tıklarken yanlış yere basmak klasik CLS sorunudur. 0,1 altı iyi; 0,25 üzeri kullanıcı deneyimini ciddi bozar.

1. Tüm img/video için width/height veya aspect-ratio tanımlayın.
2. Reklam ve embed alanları için rezerve yükseklik bırakın.
3. Web font FOIT/FOUT yerine swap ve metrik uyumlu fallback kullanın.
4. Dinamik içerik eklerken mevcut layout’u itmeyin; skeleton kullanın.

Field data vs lab data

PageSpeed Insights hem Lighthouse (lab) hem CrUX (field) raporlar. Lab, geliştirici makinesinde tekrarlanabilir; field, gerçek cihaz ve ağ koşullarını yansıtır. SEO tarafında field verisi daha ağırlıklı yorumlanır. Düşük trafikli sayfalarda field örneği az olabilir; o zaman lab ile iterasyon yapıp field’ı zamanla izlersiniz.

DoyaSoft araçlar bölümündeki hız testi, hızlı bir lab fotoğrafı verir; kapsamlı iyileştirme için log analizi ve şablon bazlı audit gerekir. E-ticaret ve portal projelerinde CRM ve analitik entegrasyonları script yükünü artırabilir; tag manager ile yükleme sırası yönetilmelidir.

Örnek iyileştirme hikâyesi

Bir hizmet sitesi mobil LCP 4,8 sn, CLS 0,18 ölçtü. Yapılanlar: hero PNG → AVIF, sunucu önbelleği, gereksiz slider kaldırıldı, jQuery bağımlılığı azaltıldı. Üç hafta sonra LCP 2,1 sn, CLS 0,06; organik bounce oranı %12 düştü. Paralelde SEO uygulama adımları ile iç link ve meta düzeni güncellendi. Sonuç hem teknik SEO hem iş metriği olarak raporlandı.

Core Web Vitals ve sıralama ilişkisi

Google, sayfa deneyimi sinyallerini ranking faktörleri arasında sayar; ancak Core Web Vitals tek başına birinci sıraya taşımaz. Niyet eşleşmesi ve içerik kalitesi hâlâ dominanttır. Buna rağmen eşit güçte iki sayfada daha hızlı ve stabil olan öne çıkar. Ayrıca reklam maliyetlerinde Quality Score benzeri mantık landing page deneyimine duyarlıdır.

Yapay zeka aramalarında da hızlı, temiz HTML sunan siteler taranabilirlik açısından avantajlıdır; GEO stratejisi ile birlikte düşünülmelidir. GEO nedir? yazımızda içerik + teknik bütünü anlatılıyor.

WordPress, headless ve e-ticaret notları

WordPress sitelerde tema, eklenti ve hosting üçlüsü metrikleri belirler. Gereksiz page builder animasyonları LCP/INP düşmanıdır. Headless (Next.js vb.) projelerde SSR/ISR seçimi LCP’yi doğrudan etkiler. E-ticarette ürün listesi filtreleri ve sepet fragment’leri INP’yi test edilmeli; yapay zeka entegrasyonu ile kişiselleştirme script’leri performans bütçesine dahil edilmelidir.

İzleme ve süreklilik

Core Web Vitals bir kez düzeltilip unutulmaz değil. Yeni kampanya landing’i, A/B testi veya üçüncü taraf entegrasyon metrikleri tekrar bozabilir. CI/CD pipeline’a Lighthouse CI veya benzeri eşik kontrolleri eklemek regresyonu erken yakalar. Aylık raporda LCP/INP/CLS trendi, SEO raporunun teknik sayfasında yer almalıdır.

Metrikleri anlamak ekip genelinde yaygınlaştırılmalı; SEO eğitimi oturumlarına “performans bütçesi” modülü eklenebilir. Profesyonel destek için SEO danışmanlığı kapsamında teknik audit talep edebilir veya iletişim formu üzerinden ücretsiz ön görüşme planlayabilirsiniz.

Performans bütçesi ve ekip sorumluluğu

Sürdürülebilir CWV yönetimi için “performans bütçesi” tanımlayın: toplam JS boyutu, üçüncü taraf script sayısı, LCP görsel max KB, INP hedefi. Her yeni özellik (chat, A/B, personalization) bütçeye karşı değerlendirilir; aşım durumunda ya optimizasyon ya scope kesilir. Product owner’ların CWV metriklerini feature KPI’ları kadar ciddiye alması kültür meselesidir.

CDN ve edge cache stratejisi statik varlıklar için LCP kazandırır; HTML cache ise kişiselleştirilmiş sayfalarda dikkatli kullanılmalıdır. Stale-while-revalidate pattern’leri kullanıcıya hızlı yanıt verirken arka planda güncelleme yapar. API gecikmesi yüksek headless sitelerde BFF (backend for frontend) katmanı ile veri birleştirme sayfa başına round-trip sayısını azaltır.

Görsel pipeline otomasyonu: yükleme anında resize, format dönüşümü ve blur placeholder üretimi tasarım ekibinin manuel iş yükünü düşürür. Srcset ve sizes attribute’ları responsive LCP için zorunludur; tek dev PNG mobilde felaket üretir. Video hero kullanıyorsanız poster image LCP adayı olabilir; autoplay ağır codec seçimleri INP’yi etkilemez ama bant genişliği tüketir.

Önbellek invalidation stratejisi deploy sonrası LCP spike’larını önler; hash’li asset isimleri uzun TTL ile güvenle cache’lenebilir. HTML için kısa TTL veya edge stale-while-revalidate dengesi kurulmalıdır. Admin paneli ve kişiselleştirilmiş alışveriş sepeti gibi dinamik rotalar ayrı cache kuralları gerektirir.

Regresyon önleme: staging ortamında her pull request için Lighthouse CI eşiği koyun. Production’da Real User Monitoring (RUM) ile CrUX’tan bağımsız segment analizi (cihaz, coğrafya) yapın. Türkiye’de orta segment Android cihazlar lab testindeki MacBook sonuçlarından kötü performans gösterebilir; field data gerçeği yansıtır.

Core Web Vitals iyileştirmesi bazen SEO dışı paydaşları harekete geçirir: CMO bounce oranı düşüşünü görünce içerik yatırımını artırır, CFO sunucu maliyetini CDN ile optimize eder. Metrikleri iş diline çevirmek (“1 sn LCP iyileşmesi ≈ X% dönüşüm artışı tahmini”) proje onayını hızlandırır.

CrUX verisi 28 günlük pencere kullandığı için iyileştirmelerin field skoruna yansıması birkaç hafta sürebilir; erken lab kazanımlarını field grafiğinde doğrulamadan “bitti” demeyin. lab testleriyle iterasyon yapıp field trendini sabırla izleyin. Özellikle sezonluk kampanya öncesi performans bütçesi gözden geçirilmeli, ağır banner ve popup’lar geçici olarak sadeleştirilmelidir.

Core Web Vitals, kullanıcıya saygının ölçülebilir halidir. LCP, INP ve CLS’yi yeşile çekmek; daha iyi SEO, daha yüksek güven ve daha sağlıklı dönüşüm demektir.

Sık Sorulan Sorular