Core Web Vitals Optimizasyonu: SEO Performansı İçin Kapsamlı Rehber

Core Web Vitals Nedir ve SEO İçin Neden Önemlidir?

Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için kullandığı üç temel performans metriğidir: En Büyük İçerikli Boya (LCP), Etkileşimden Sonraki Gecikme (INP) ve Kümülatif Düzen Kayması (CLS). Bu metrikler, 2026 itibarıyla Google sıralama algoritmasının kritik bileşenlerinden biri haline gelmiş durumdadır. Site hızı ve kullanıcı deneyimi artık sadece teknik bir detay değil, doğrudan organik trafik kazandıran bir rekabet avantajıdır.

Google, Mayıs 2026'da FID metriğini kaldırarak yerine INP metriğini kalıcı olarak getirdi. Bu değişim, sitelerin yalnızca ilk tıklamadaki gecikmeyi değil, tüm etkileşim süreçlerindeki hızı ölçmesi gerektiğini ortaya koyuyor. Dolayısıyla Core Web Vitals optimizasyonu, 2026'da her SEO profesyonelinin bilmesi gereken temel bir yetkinliktir.

Arama motoru sonuç sayfalarında (SERP) üst sıralarda yer almak istiyorsanız, Core Web Vitals skorlarınızın 'İyi' bölgesinde olması gerekir. Google'ın kendi açıklamalarına göre, sayfa deneyimi sinyalleri özellikle eşit kalitedeki içerikler arasında sıralama farkı yaratan belirleyici bir faktör olarak işlev görür.

LCP (Largest Contentful Paint) Optimizasyonu

LCP, sayfanın görünür alanındaki en büyük içerik öğesinin ekranda görünmesi için geçen süreyi ölçer. İyi bir LCP skoru 2,5 saniyenin altında olmalıdır. 4 saniyenin üzerindeki değerler ise 'Zayıf' olarak sınıflandırılır ve sıralama performansını olumsuz etkiler.

LCP optimizasyonunda en etkili strateji, en büyük içerik öğesinin hızlı yüklenmesini sağlamaktır. Bu öğe genellikle hero görseli, büyük başlık veya video oynatıcısıdır. Görsel optimizasyonu için WebP ve AVIF formatlarını kullanmak, ortalama %30-50 dosya boyutu azaltması sağlar. Ayrıca loading="eager" özelliği ile hero görselini önceliklendirmek, lazy load'den kaçınmak kritik bir adımdır.

Sunucu yanıt süresi (TTFB) de LCP'yi doğrudan etkiler. CDN kullanımı, veritabanı sorgularını optimize etmek ve önbellek mekanizmalarını aktif etmek, TTFB'yi 200ms altına düşürmenin en pratik yolları arasındadır. Türkiye lokasyonlu siteler için Cloudflare veya benzeri CDN'lerin Istanbul PoP noktaları, yerel kullanıcılar için dramatik iyileşme sağlar.

• Hero görselleri için WebP/AVIF formatı ve responsive srcset kullanın
• Öncelikli kaynaklar için preload ve fetchpriority="high" etiketlerini ekleyin
• CSS ve JavaScript dosyalarını minimize edin ve kritik CSS'i inline olarak yerleştirin
• Sunucu tarafında HTTP/2 veya HTTP/3 protokolünü etkinleştirin
• Üçüncü taraf betiklerinin yüklenmesini erteleyin veya zamanlayın
• Görsel CDN kullanarak farklı boyutlarda otomatik crop yapan servislerden yararlanın

INP (Interaction to Next Paint) Metriği ve İyileştirme Stratejileri

INP, bir kullanıcının sayfadaki herhangi bir etkileşiminden sonra (tıklama, dokunma, klavye girişi) görsel güncellemenin ekranda görünmesine kadar geçen süreyi ölçer. 200 milisaniyenin altı 'İyi', 500 ms'nin üzerinde 'Zayıf' olarak değerlendirilir. Eski FID metriğinden farklı olarak INP, yalnızca ilk etkileşimi değil tüm etkileşimleri hesaba katar.

INP iyileştirmenin en etkili yolu, ana JavaScript iş parçacığını (main thread) serbest tutmaktır. Uzun görevleri (long tasks) küçük parçalara bölmek, web worker'ları kullanarak ağır hesaplamaları arka plana taşımak ve gereksiz DOM manipülasyonlarını azaltmak başlıca tekniklerdir. React ve Vue gibi framework'lerde sanal DOM optimizasyonu da INP skorunu doğrudan iyileştirir.

Özellikle e-ticaret sitelerinde ürün filtreleme, sepete ekleme ve açılır menü gibi etkileşim yoğun öğeler, INP skorunu düşüren ana nedenlerdir. Bu bileşenlerde requestAnimationFrame ve requestIdleCallback API'lerini kullanmak, DOM güncellemelerini toplu işlemek (batching) ve olay dinleyicilerini passive olarak işaretlemek, etkileşim gecikmesini minimize eder.

CLS (Cumulative Layout Shift) Sorunlarını Çözme

CLS, sayfa yükleme sırasında beklenmeyen düzen kaymalarını ölçer. 0,1'in altı 'İyi', 0,25'in üzerinde 'Zayıf' olarak kabul edilir. Kullanıcıların %30'undan fazlası sayfa kaydığında içerik yer değiştirdiğinde siteyi terk eder; bu da doğrudan dönüşüm oranlarını ve SEO performansını etkiler.

En yaygın CLS nedenleri ve çözümleri şunlardır: Görseller ve videolar için width ve height özelliklerini veya aspect-ratio CSS özelliğini belirlemek, reklam ve dinamik içerik alanları için önceden yer ayırmak (placeholder), web fontlarında font-display: swap kullanmak veya FOIT'u önlemek için size-adjust ile font boyutunu eşleştirmek, ve istemci tarafı A/B testi betiklerinin neden olduğu kaymaları önlemek.

Dinamik olarak yüklenen içerikler, özellikle AJAX ile getirilen ürün listeleri ve kişiselleştirilmiş öneri alanları, CLS'in en büyük kaynaklarından biridir. Bu alanlar için minimum yükseklik değeri (min-height) vermek veya skeleton UI kullanmak, kullanıcı deneyimini ve CLS skorunu aynı anda iyileştirir.

• Tüm görsellere width/height veya aspect-ratio tanımlayın
• Reklam alanları için sabit yükseklik container'ı oluşturun
• Web fontları için font-display: swap ve size-adjust kullanın
• Dinamik içerik alanlarına min-height veya skeleton loader ekleyin
• Dynamically injected content için CSS containment uygulayın
• Third-party embed'leri (video, sosyal medya) lazy load ile yükleyin

Core Web Vitals Ölçüm Araçları ve Veri Analizi

Core Web Vitals skorlarınızı ölçmek için birden fazla araç kullanmak, gerçek kullanıcı verileri (field data) ile laboratuvar verilerini (lab data) karşılaştırmanızı sağlar. Google Search Console'un Core Web Vitals raporu, Chrome Kullanıcı Deneyimi Raporu (CrUX) tabanlı gerçek kullanıcı verilerini sunar ve en güvenilir kaynaktır. Pagespeed Insights ise hem CrUX verilerini hem Lighthouse laboratuvar verilerini aynı anda gösterir.

Web Vitals JavaScript kütüphanesi, canlı kullanıcı etkileşimlerini ölçerek özel dashboard'lara aktarmanıza olanak tanır. Bu yaklaşım özellikle e-ticaret ve yüksek trafikli sitelerde, hangi sayfa türlerinin ve cihaz gruplarının düşük skorlara sahip olduğunu belirlemede kritik rol oynar. Veri Toplama (Real User Monitoring - RUM) çözümleri arasında New Relic, Datadog ve SpeedCurve en popüler seçeneklerdir.

Ölçüm yaparken dikkat etmeniz gereken en önemli nokta, laboratuvar verilerinin gerçek kullanıcı deneyimini her zaman yansıtmadığıdır. Lighthouse skorları sentetik bir ortamda çalışır; mobil kullanıcılarınızın gerçek dünya deneyimi, ağ koşulları ve cihaz çeşitliliği nedeniyle farklılık gösterebilir. Bu nedenle stratejik kararlarınızı mutlaka CrUX tabanlı gerçek kullanıcı verilerine dayandırın.

Teknik SEO ve Core Web Vitals Entegrasyonu

Core Web Vitals optimizasyonu, teknik SEO'nun ayrılmaz bir parçasıdır. Site hızı ve kullanıcı deneyimi metrikleri, tarama bütçesi (crawl budget) optimizasyonunu da doğrudan etkiler. Hızlı yüklenen sayfalar, Googlebot'un daha fazla sayfayı daha kısa sürede taramasına olanak tanır; bu da özellikle büyük e-ticaret sitelerinde indexlenme oranını artırır.

Kritik rendering yolunu (critical rendering path) optimize etmek, hem LCP hem de INP için temel bir stratejidir. Render-blocking kaynakları minimize etmek, CSS'i critical ve non-critical olarak ayırmak, JavaScript'i deferred veya async olarak yüklemek ve üçüncü taraf betiklerini ertelemek, bu yolun en etkili optimizasyon adımlarıdır. Google'ın sayfa deneyimi rehberi, bu entegrasyonun resmi kaynaklarından biridir.

Mobil öncelikli dizinleme (mobile-first indexing) döneminde, Core Web Vitals skorlarınızı mutlaka mobil cihazlar için optimize etmelisiniz. Google'ın sıralama algoritması, öncelikle mobil performansı değerlendirir. Desktop skorlarınız ne kadar iyi olursa olsun, mobil LCP, INP ve CLS değerleriniz 'Zayıf' kategorideyse sıralama kaybı yaşarsınız.

Core Web Vitals İçin Sunucu ve Altyapı Optimizasyonu

Sunucu yanıt süresi (TTFB), Core Web Vitals optimizasyonunun en temel adımıdır. TTFB'nin 200 milisaniyenin altında olması, LCP hedefi olan 2,5 saniyeye ulaşmanızın ön koşuludur. Türkiye'deki hosting altyapılarında yerel CDN PoP noktaları kullanmak, veritabanı sorgularını optimize etmek ve opcode cache (OPcache, Redis) aktifleştirmek en hızlı TTFB iyileştirmelerini sağlar.

HTTP/2 ve HTTP/3 protokolleri, çoklu kaynak yüklemesinde dramatik iyileşme sağlar. HTTP/2'nin multiplexing özelliği, tek bir TCP bağlantısı üzerinden paralel kaynak transferine olanak tanır; bu da özellikle 50+ kaynağa sahip sayfalarda LCP'yi ciddi oranda iyileştirir. QUIC tabanlı HTTP/3 ise paket kayıplarında HTTP/2'ye göre %30-40 daha iyi performans sunar.

Edge computing ve server-side rendering (SSR) çözümleri de Core Web Vitals iyileştirmesinde önemli rol oynar. Next.js, Nuxt.js veya benzeri framework'lerle SSR kullanmak, istemci tarafı JavaScript bağımlılığını azaltarak hem LCP hem INP skorlarını iyileştirir. Türkiye lokasyonlu edge noktaları, ortalama TTFB'yi 400-600ms'den 50-100ms seviyelerine çekebilir.

Üçüncü Taraf Betikleri ve Core Web Vitals Etkisi

Üçüncü taraf betikleri (analytics, chat widget'ları, reklam kodları, A/B test araçları), ortalama bir web sayfasının JavaScript payload'ının %60'ından fazlasını oluşturur. Bu betikler hem ana iş parçacığını bloke ederek INP'yi düşürür hem de ağ bant genişliğini tüketerek LCP'yi yavaşlatır. Core Web Vitals iyileştirmesinde en büyük kazançlar genellikle üçüncü taraf betiklerin optimize edilmesinden gelir.

Google Tag Manager (GTM) kullanarak tüm üçüncü taraf betiklerini tek noktadan yönetmek, yükleme önceliklerini belirlemeyi kolaylaştırır. GTM'de tetikleyici kurallarını daraltmak (örneğin, analytics kodunu sayfa yüklendikten 3 saniye sonra çalışacak şekilde ayarlamak), INP ve LCP üzerinde doğrudan olumlu etki yaratır. Ayrıca Partytown gibi web worker tabanlı çözümler, üçüncü taraf betiklerini ana iş parçacığı dışına taşıyarak INP'yi iyileştirebilir.

• Kullanılmayan veya düşük değerli üçüncü taraf betiklerini kaldırın
• GTM tetikleyicilerini optimize edin ve gereksiz tag'leri devre dışı bırakın
• Reklam betiklerini lazy load ile yükleyin
• Chat widget'larını kullanıcı etkileşimi sonrası yükleyin (tıkla-çağır modeli)
• A/B test araçlarını server-side testing ile değiştirin
• Web worker tabanlı çözümler (Partytown vb.) kullanarak ana thread'i serbest tutun

WordPress ve Core Web Vitals Optimizasyonu

WordPress sitelerinde Core Web Vitals optimizasyonu, plugin ekosisteminin neden olduğu performans sorunlarını çözme üzerine yoğunlaşır. Ortalama bir WordPress sitesi 15-25 eklenti yüklenmiş halde çalışır ve her eklenti ekstra CSS, JavaScript ve veritabanı sorgusu ekler. Bu durum özellikle INP ve LCP metriklerini olumsuz etkiler. WordPress SEO stratejinizin temelini Core Web Vitals iyileştirmesi oluşturmalıdır.

LiteSpeed Cache, WP Rocket veya Perfmatters gibi performans eklentileri, WordPress Core Web Vitals optimizasyonunun ilk adımıdır. Bu eklentiler CSS/JS minification, lazy loading, database cleanup ve CDN entegrasyonu gibi özellikleri tek panelden yönetmenizi sağlar. Ancak her eklentiyi kurmak çözüm değildir; sitenizin ihtiyacına göre seçilmiş 2-3 performans eklentisi yeterlidir.

Tema seçimi de WordPress Core Web Vitals performansını doğrudan etkiler. Elementor gibi page builder'lar ortalama 500KB ek JavaScript yüklerken, GeneratePress veya Kadence gibi hafif temalar bu değeri 50KB'nin altında tutar. Eğer page builder kullanıyorsanız, kritik CSS çıkarma ve unused JavaScript elimination adımlarını mutlaka uygulayın.

E-Ticaret Sitelerinde Core Web Vitals Stratejisi

E-ticaret siteleri, Core Web Vitals açısından en zorlu ortamlardan biridir. Ürün listeleri, filtreler, sepet işlemleri, ödeme adımları ve kişiselleştirilmiş öneriler, sayfayı JavaScript ve dinamik içerik ağırlıklı hale getirir. Ortalama bir e-ticaret sayfasının INP skoru, bilgi sitelerine göre 3-5 kat daha düşük olabilir. E-ticaret SEO stratejinizde Core Web Vitals iyileştirmesine özel bir bütçe ayırmanız kritik önem taşır.

Ürün sayfalarında LCP optimizasyonu için ürün görsellerinin CDN üzerinden responsive olarak sunulması zorunludur. srcset ve sizes özellikleri ile mobil kullanıcıya 300px genişliğinde bir görsel yüklerken, desktop kullanıcıya 1200px genişliğinde görsel sunmak, gereksiz bant genişliği tüketimini engeller. AVIF formatı, WebP'ye göre %20-30 daha küçük dosya boyutu sunarak LCP'yi iyileştirir.

Sepet ve ödeme sayfalarında INP iyileştirmesi, dönüşüm oranı optimizasyonuyla doğrudan bağlantılıdır. 'Sepete Ekle' butonuna tıklandıktan sonra 200ms'nin üzerinde gecikme, dönüşüm kaybına neden olur. Bu yüzden sepet güncellemelerini optimistic UI yaklaşımıyla yapmak, stok kontrolü gibi ağır işlemleri arka planda yürütmek ve DOM manipülasyonlarını toplu işlemek (batching) e-ticaret INP iyileştirmesinin temel prensipleridir.

Core Web Vitals İyileştirme Önceliklendirme Matrisi

Core Web Vitals iyileştirme çalışmalarında hangi metriğe öncelik verileceği, sitenizin mevcut skorlarına ve iş etkisine göre belirlenmelidir. Aşağıdaki önceliklendirme matrisi, kaynak dağılımınızı optimize etmenize yardımcı olur. Her durumda LCP önceliği en yüksek olmalıdır çünkü hem kullanıcı algılamasını hem de Google sıralamasını en güçlü etkileyen metrik durumundadır.

Sitenizin Core Web Vitals skorlarını Search Console'da kontrol edin. 'Zayıf' URL sayısı en yüksek metrik, iyileştirme önceliğiniz olmalıdır. Örneğin, INP skorunuz zayıf ve LCP skorunuz iyi ise, INP iyileştirmesine odaklanmalısınız. Ancak birden fazla metriğin 'Zayıf' kategoride olduğu durumlarda, LCP'ye öncelik verin çünkü LCP iyileştirmesi genellikle diğer metrikleri de olumlu etkiler.

• Öncelik 1 — LCP: Hero görsel optimizasyonu, TTFB iyileştirmesi, kritik CSS inline
• Öncelik 2 — INP: Uzun görevlerin parçalanması, üçüncü taraf betik optimizasyonu
• Öncelik 3 — CLS: Görsel boyut tanımlama, font swap, placeholder alanları
• Öncelik 4 — TTFB: CDN, sunucu önbellek, veritabanı optimizasyonu
• Öncelik 5 — Toplam JavaScript boyutu: Tree shaking, code splitting, lazy evaluation

Core Web Vitals ve Mobil Performans Optimizasyonu

Mobil Core Web Vitals optimizasyonu, desktop'a göre çok daha zorlu bir iştir. Mobil cihazlarda CPU gücü sınırlıdır, ağ bağlantısı değişkendir ve bellek kısıtlıdır. Ortalama bir mobil sayfa 2MB'ın üzerinde JavaScript yüklerken, düşük seviyeli mobil cihazlar bu yükü işlemekte güçlük çeker. Bu durum INP'yi doğrudan olumsuz etkiler.

Mobil öncelikli optimizasyon stratejisi: Önce mobil cihazlar için optimize edin, desktop iyileştirmelerini ikinci planda tutun. Mobilde LCP için 4G bağlantıda 2,5 saniye hedefine ulaşmak, hero görseli critical path'te tutmak ve 3G kullanıcıları için preload kullanmak gereklidir. INP için JavaScript payload'unu 200KB altına düşürmek ve requestIdleCallback ile ağır işlemleri ertelemek en etkili yaklaşımdır.

Responsive görseller, mobil performansın en önemli bileşenlerinden biridir. srcset ile her cihaza uygun boyutta görsel sunmak, mobil bant genişliği tasarrufu sağlar. Ayrıca mobilde loading="lazy" kullanımının viewport dışı görseller için uygulandığından emin olun; ancak hero görseli asla lazy load ile yüklenmemelidir.

Core Web Vitals İyileştirme Sonuçlarını İzleme ve Raporlama

Core Web Vitals iyileştirme çalışmalarının etkisini ölçmek, sürdürülebilir SEO başarısının anahtarıdır. İyileştirme sonrası ilk 2-4 hafta içinde CrUX verilerinde değişimi gözlemlemek, yapılan değişikliklerin gerçek kullanıcı deneyimine yansıyıp yansımadığını gösterir. Search Console'daki Core Web Vitals raporu, 28 günlük toplu veri sunduğu için sabırlı olunması gerekir.

A/B testing yaklaşımıyla Core Web Vitals değişikliklerini test etmek, olası gerilemeleri önlemenin en güvenli yoludur. Yeni bir optimizasyon uygulmadan önce ve sonra Lighthouse ve Web Vitals kütüphanesi ile ölçüm yapmak, iyileşmeyi doğrulamanızı sağlar. Özellikle büyük sitelerde, değişiklikleri aşamalı olarak (canary deployment) uygulamak ve Core Web Vitals regresyonlarını canlı verilerle izlemek kritik bir süreçtir.

• Haftalık Search Console Core Web Vitals raporu alın ve trendleri izleyin
• Lighthouse CI ile her deploy'da performans bütçesi kontrolü yapın
• Web Vitals kütüphanesi ile gerçek kullanıcı verilerini toplayın ve dashboard'a aktarın
• Regresyon tespiti için Pagespeed Insights API'sini otomatik tetikleyici olarak kullanın
• Üç ayda bir kapsamlı performans denetimi (audit) gerçekleştirin
• Yeni sayfa şablonları ve özellikler için performans bütçesi belirleyin

Sonuç: Core Web Vitals SEO Stratejinizin Merkezinde Olmalı

2026 yılında Core Web Vitals, teknik SEO stratejisinin merkezinde yer almayı sürdürmektedir. LCP, INP ve CLS metriklerinin her biri, kullanıcı deneyiminin farklı bir boyutunu ölçer ve Google sıralamasını doğrudan etkiler. Bu rehberde ele aldığımız stratejileri adım adım uygulayarak sitenizin hem arama motoru performansını hem de kullanıcı memnuniyetini artırabilirsiniz.

Unutmayın: Core Web Vitals optimizasyonu tek seferlik bir proje değil, sürekli bir iyileştirme sürecidir. Yeni içerikler, üçüncü taraf entegrasyonları ve tasarım değişiklikleri zaman içinde performansı düşürebilir. Bu nedenle performans bütçesi belirlemek, düzenli izleme yapmak ve iyileştirmeleri A/B test ile doğrulamak, uzun vadeli SEO başarısının temelidir. SEO nedir sorusunun cevabı artık teknik performansı da kapsıyor; Core Web Vitals bu cevabın ayrılmaz bir parçasıdır.