Core Web Vitals, Google’ın 2021’de sıralama faktörü olarak eklediği üç temel kullanıcı deneyimi metriğinin ortak adıdır. 2026’da bu metrikler her zamankinden önemli: AI Overviews ve aramalar hızlandıkça, kullanıcılar yavaş sayfalara tolerans göstermiyor. Bu rehberde core web vitals metriklerini teker teker inceleyip WordPress ve diğer CMS’lerde uygulanabilir optimizasyon tekniklerini paylaşıyoruz. dijitalmurat.com’da uyguladığımız yöntemlerle LCP 839ms, CLS 0.01 değerlerine nasıl ulaştığımızı da göreceksiniz.
Bu içerik, SEO rehberi 2026 ve teknik SEO denetimi yazılarımızın devamıdır; stratejik çerçeveyi oradan, uygulama taktiklerini buradan alabilirsiniz.
Core Web Vitals Nedir ve Neden Önemli?
Google’ın sayfa deneyimi sinyalleri arasında yer alan Core Web Vitals üç metrikten oluşur: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) ve CLS (Cumulative Layout Shift). 2021’de tanıtılan CWV, 2024’te FID’in INP ile değiştirilmesiyle güncel formuna ulaştı.
| Metrik | Ölçtüğü | Good | Poor |
|---|---|---|---|
| LCP | En büyük görünür öğenin yüklenme süresi | ≤ 2.5s | > 4s |
| INP | Etkileşime verilen en yavaş yanıt | ≤ 200ms | > 500ms |
| CLS | Beklenmedik düzen kaymaları | ≤ 0.1 | > 0.25 |
Core Web Vitals sıralama üzerindeki ağırlığı “tiebreaker” düzeyindedir — yani aynı içerik kalitesindeki iki sayfa arasında hızlı olan kazanır. Ancak dolaylı etkisi çok daha büyüktür: yavaş sayfalar daha yüksek bounce rate, daha düşük time-on-site ve daha düşük dönüşüm üretir.
LCP Optimizasyonu: Hedef ≤ 2.5 Saniye
LCP, viewport içinde görünen en büyük öğenin (genellikle hero image, video veya başlık metni) yüklenme süresidir. LCP’yi optimize etmek için adım adım:
1. LCP Öğesini Tespit Et
Chrome DevTools → Lighthouse raporunda “Largest Contentful Paint element” gösterilir. Çoğu sitede bu hero image’dir; bazen H1 metni veya video.
2. Hero Image Preload + fetchpriority
LCP image’ini <head>’de preload et: <link rel=”preload” as=”image” href=”hero.webp” fetchpriority=”high”>. Aynı img etiketine de fetchpriority=”high” ekle. Bu kombinasyon ortalama 300-800ms LCP kazancı sağlar.
3. Modern Format: WebP/AVIF
JPEG yerine WebP, PNG yerine AVIF veya WebP kullan. WebP dosyaları JPEG’e göre ortalama %25-35 daha küçüktür. WordPress’te LiteSpeed Cache veya Imagify plugin otomatik dönüşüm yapar.
4. CDN Kullanımı
Cloudflare, BunnyCDN veya LiteSpeed QUIC.cloud gibi CDN’ler statik varlıkları kullanıcıya yakın sunucudan iletir. LCP katkısı: 100-400ms.
5. Sunucu TTFB Optimizasyonu
TTFB (Time to First Byte) LCP’nin ilk bileşenidir. PHP OPcache, object caching (Redis/Memcached), database query optimizasyonu ve yeterli hosting kaynağı TTFB’yi 500ms’den 80-150ms’ye düşürebilir. dijitalmurat.com’da TTFB 82ms’dir.
6. Render-Blocking Kaynakları Ortadan Kaldır
Critical CSS inline edilmeli, non-critical CSS defer edilmeli, JavaScript’ler async veya defer edilmeli. LiteSpeed Cache bu işlemleri otomatik yapabilir.
INP Optimizasyonu: Hedef ≤ 200ms
INP, sayfa ömrü boyunca kullanıcı etkileşimlerine (tıklama, tap, klavye) verilen yanıt süresini ölçer. Genellikle JavaScript execution sebebiyle INP kötüleşir.
- Long task’ları böl: 50ms’den uzun JavaScript bloklarını setTimeout veya requestIdleCallback ile böl
- Third-party script’leri lazy load: Chat widget, analytics, retargeting piksel async yüklensin
- Event handler’ları optimize et: Debounce ve throttle kullan
- Plugin sayısını azalt: WordPress’te 30+ plugin INP’yi bozabilir
- jQuery bağımlılığı: Mümkünse native JS’e geçiş
CLS Optimizasyonu: Hedef ≤ 0.1
CLS, sayfa yüklenirken oluşan beklenmedik düzen kaymalarını ölçer. En sık CLS sebepleri: boyutu belirtilmeyen image/video, dinamik reklam alanları, font yüklemesinden kaynaklanan text shift, geç yüklenen banner’lar.
- Image width/height attribute: Her img etiketinde boyut belirt, tarayıcı yer ayırsın
- Reserved space: Reklam, video embed, iframe için min-height CSS
- Font-display: optional: FOUT/FOIT kaymalarını önle
- Header min-height: Sabit yükseklik ver, content shift olmasın
- Lazy load tolerance: Lazy loading’i viewport dışı image’lere uygula, hero’ya değil
WordPress için CWV Optimizasyon Stack’i
WordPress siteler için dijitalmurat.com’da kullandığımız kombinasyon:
- LiteSpeed Cache (WebP conversion, minify, lazy load, critical CSS)
- LiteSpeed QUIC.cloud CDN (edge caching)
- mu-plugin: hero preload (LCP image preload + fetchpriority)
- mu-plugin: CLS fix (header min-height, counter contain)
- Managed WordPress hosting (Hostinger Business veya üstü, PHP 8.2+, LiteSpeed server)
Bu stack ile 2-3 saatlik çalışma sonrası Poor CWV değerleri Good seviyesine çekilebilir. dijitalmurat.com’da LCP 839ms, INP 64ms, CLS 0.01 final sonuçlarımızdır.
Ölçüm Araçları
- PageSpeed Insights: Lab + field data (28 gün)
- Chrome DevTools Lighthouse: Yerel lab ölçümü
- Search Console → Core Web Vitals Raporu: Site geneli durum
- Web Vitals Chrome Extension: Tarama sırasında canlı ölçüm
- CrUX Dashboard (Looker Studio): Chrome User Experience raporu
Vaka: dijitalmurat.com Optimizasyon Hikayesi
dijitalmurat.com başlangıçta LCP 3.2s, CLS 0.18 ile Poor bandındaydı. 4 adımlı optimizasyon sonrası Good bandına geçildi:
- LiteSpeed Cache + WebP conversion → 12.9 MB image kazanç
- mu-plugin ile hero image preload + fetchpriority → LCP -1.2s
- Header min-height + counter contain mu-plugin → CLS 0.18 → 0.01
- QUIC.cloud CDN → TTFB 340ms → 82ms
Final metrikler: LCP 839ms, INP 64ms, CLS 0.01, TTFB 82ms — hepsi Good bandında.
CWV ve Dönüşüm İlişkisi
Sıralama faktörü ötesinde, Core Web Vitals doğrudan dönüşüm oranını etkiler. Akamai araştırmasına göre her 100ms gecikme dönüşüm oranını %7 düşürür. Walmart, 1 saniye daha hızlı yüklemenin dönüşümü %2 artırdığını raporladı. CWV optimizasyonu SEO’dan çok CRO kazancıdır.
Core Web Vitals optimizasyonu için ajans desteği almak isterseniz SEO hizmetlerimizi inceleyebilirsiniz. 48 saat içinde ücretsiz ön analiz sunuyoruz.
Kaynak: web.dev Core Web Vitals, Chrome Dev LCP Docs.
INP (Interaction to Next Paint): Yeni Üçüncü Metrik
Mart 2024’ten itibaren Google, FID (First Input Delay) metriğini INP (Interaction to Next Paint) ile değiştirdi. INP, kullanıcının sayfayla herhangi bir etkileşimi (tıklama, klavye girişi, dokunma) sonrası tarayıcının görsel yanıt verme süresini ölçer. İyi INP değeri 200ms altındadır; 200-500ms arası iyileştirme gerektirir, 500ms üzeri kötü olarak değerlendirilir.
Yüksek INP değerinin başlıca nedenleri: uzun JavaScript görevleri (50ms+ süren main-thread blokajları), aşırı DOM boyutu ve iç içe event listener’lar. Tarayıcı DevTools’un Performance sekmesi “Long Tasks” göstergesiyle bu sorunları tespit edebilirsiniz. Chrome User Experience Report (CrUX), gerçek kullanıcı verisiyle sayfanızın INP durumunu raporlar.
WordPress’te Hız Optimizasyonu: Somut Adımlar
WordPress tabanlı sitelerde hız optimizasyonu için öncelikli müdahale alanları şunlardır: önbellekleme (LiteSpeed Cache, WP Rocket), görsel optimizasyonu (WebP formatı + lazy loading), kritik CSS satır içi yükleme ve üçüncü parti script yönetimi. Bu dört adımın tamamı uygulandığında tipik bir WordPress sitesi LCP değerini 2-3 saniyeden 1 saniyenin altına çekebilir.
LiteSpeed sunucusu kullanan hosting sağlayıcılarında (Hostinger, Cloudways) LiteSpeed Cache eklentisi en yüksek etkinliği sunar. Apache/Nginx ortamlarında WP Rocket veya W3 Total Cache tercih edilebilir. CDN kullanımı ise özellikle global ziyaretçi trafiği olan siteler için vazgeçilmezdir; Cloudflare’ın ücretsiz planı dahi ciddi LCP iyileşmesi sağlar.
Mobil Öncelikli İndeksleme ve Saha Testleri
Google 2023’ten itibaren tüm siteler için yalnızca mobil sürümü indekslemektedir (mobile-first indexing). Bu durum masaüstünde mükemmel skorlar alan ancak mobil optimizasyonu zayıf sitelerin sıralamada ciddi kayıplar yaşamasına yol açabilir. Gerçek cihaz testleri için Chrome DevTools’un mobil emülasyonu yetersiz kalır; WebPageTest’in gerçek cihaz testi veya BrowserStack tercih edilmelidir.
Saha verisi (field data) ile laboratuvar verisi (lab data) arasındaki farka dikkat edin. PageSpeed Insights, her ikisini de gösterir. Laboratuvar verisi kontrollü koşullarda simülasyon yaparken, saha verisi gerçek kullanıcı deneyimini yansıtır. Arama sıralaması açısından Google, saha verisi yani CrUX verilerini esas alır. Yüksek laboratuvar skoru ancak düşük saha skoru olan bir site için CDN ve önbellek optimizasyonu önceliklidir. Kapsamlı bilgi için SEO rehberimize bakabilirsiniz.
Hız Optimizasyonu ve İş Sonuçları: Sayısal Kanıtlar
Sayfa hızının iş sonuçlarına etkisini gösteren çeşitli sektörel araştırmalar mevcuttur. Google’ın kendi verilerine göre mobil sayfa yükleme süresinin 1 saniyeden 3 saniyeye uzaması, çıkma oranını %32 artırmaktadır. Amazon’un yaptığı bir çalışma, her 100ms yavaşlamanın satışları %1 düşürdüğünü ortaya koymuştur. Walmart ise 1 saniyelik hız iyileştirmesinin dönüşüm oranını %2 artırdığını raporlamıştır.
Bu rakamlar büyük ölçekli şirketlere ait olsa da KOBİ’ler için de eşdeğer oran etkileri gözlemlenmiştir. E-ticaret sitelerinde yapılan vakaların büyük çoğunluğunda, sayfa hız iyileştirmesi hem organik sıralamayı hem de satın alma oranını artırmıştır. Hız optimizasyonu, doğrudan gelir artışına dönüşen bir teknik SEO yatırımıdır.
CLS Problemleri: Görsel Kayma Nasıl Önlenir?
CLS (Cumulative Layout Shift), sayfanın yüklenirken görsel unsurların beklenmedik biçimde kaymasını ölçer; iyi değer 0.1’in altında olmalıdır. En yaygın CLS kaynaklarından biri boyut belirtilmemiş görseller ve video elementleridir — görsel HTML’de `width` ve `height` attributeları yoksa, tarayıcı boyutu öğrenmeden önce yer tutucu bırakmaz ve sayfa kayar.
Font yüklenmesi de CLS’e yol açar: “Flash of Unstyled Text” (FOUT) meydana geldiğinde font değişimi etrafındaki elementleri kaydırabilir. Bunu önlemek için `font-display: optional` veya Google Fonts’u `` ile önceden yüklemek etkili çözümlerdir. Reklam alanları da CLS’in sık kaynaklandığı yerlerdendir; rezerve edilmiş min-height tanımları bu sorunu önler. Kapsamlı teknik SEO için ücretsiz danışmanlık alın.
Sayfa Hızı Testleri: Hangi Araç Ne Zaman Kullanılır?
PageSpeed Insights, lighthouse bazlı anlık test için uygundur; hız puanı ve iyileştirme önerileri hızlıca alınır. GTmetrix daha detaylı waterfall analizi sunar ve bağlantı hızlarını simüle edebilir. WebPageTest ise gerçek cihazlarla coğrafi test yapma ve video karşılaştırma gibi ileri düzey analizlere olanak tanır. Performans izleme için CrUX (Chrome User Experience Report) verisi gerçek kullanıcı deneyimini yansıttığından en güvenilir kaynaktır. Bu araçlar birbirini tamamlar; tek bir araca bağımlı olmak eksik tablo yaratabilir. Teknik SEO desteği için bizimle iletişime geçin.
Google’ın Sıralama Kararlarında Sayfa Deneyimi Puanı
Google, sayfa deneyimi puanını hesaplarken yalnızca hız metriklerini değil; mobil uyumluluğu, HTTPS kullanımını, müdahaleci içerik olmadığını (intrusive interstitials yok) ve güvenli gezinmeyi de değerlendirir. Bu faktörlerin tamamı birlikte güçlü bir sayfa deneyimi sinyali üretir. Teknik iyileştirme yaparken hız dışındaki bu bileşenlerin de eksiksiz olduğundan emin olun. Kapsamlı teknik SEO desteği için ücretsiz ön analiz talep edin.
Core web vitals optimizasyonu, arama motorları ve kullanıcı deneyimini eş zamanlı geliştiren nadir teknik SEO alanlarından biridir. Sayfa hızı ve kararlılığına yapılan her yatırım, hem sıralama hem de dönüşüm oranına olumlu yansır. Bu iki etkinin birlikte işlemesi, core web vitals çalışmalarının ROI’sini diğer teknik SEO aktivitelerinden belirgin biçimde yüksek tutar. Destek için bizimle iletişime geçin.
Hız ve Kullanıcı Deneyimi: Birlikte Değerlendirin
Sayfa hızı metrikleri her zaman kullanıcı deneyimiyle doğrusal bir ilişki sergilemez. Bazen laboratuvar testinde 90+ puan alan bir sayfa, gerçek kullanıcılarda düşük memnuniyet puanı alır. Bunun en yaygın nedeni, hızlı yüklenen ancak içerik düzeni karmaşık veya CTA’ları bulunması zor olan sayfalardır. Hız metriklerini her zaman ısı haritaları, oturum kayıtları ve kullanıcı anketleriyle tamamlayın. Bu bütüncül yaklaşım, teknik iyileştirmenin asıl iş hedefleriyle örtüşmesini güvence altına alır ve dönüşüm oranını gerçekten artıracak alanları önceliklendirmenize yardımcı olur. Teknik SEO desteği için ücretsiz ön analiz talep edin.
Performans optimizasyonu, teknik bir görev olduğu kadar iş stratejisinin de ayrılmaz bir parçasıdır. Ziyaretçi memnuniyetini artıran her teknik iyileştirme, aynı zamanda arama motorlarına güçlü bir kalite sinyali gönderir. Bu çift yönlü etki, teknik iyileştirme çalışmalarını dijital stratejinin en verimli yatırımlarından biri konumuna taşır. Kapsamlı teknik destek için bizimle iletişime geçin.
Ücretsiz Dijital Pazarlama Analizi
11+ yıl deneyim, 120+ marka referansı. Projenizi 48 saat içinde analiz ediyoruz.
