Core Web Vitals Nedir? Sayfa Deneyimi Optimizasyon Rehberi

Core Web Vitals Nedir ve Neden Bu Kadar Önemli?

Core Web Vitals, Google'ın bir web sayfasının kullanıcı deneyimini gerçek dünya koşullarında ölçmek için kullandığı performansa dayalı metrikler setidir. Bu metrikler sayfa yükleme hızı, etkileşim duyarlılığı ve görsel kararlılığı ölçerek web sitenizin kullanıcılara ne kadar iyi hizmet verdiğini somut verilerle ortaya koyar. Mart 2026 itibarıyla Core Web Vitals, Google arama sıralaması faktörleri arasında kritik bir konumda olmaya devam ediyor ve özellikle mobil aramalarda ağırlığı giderek artıyor.

Google'ın 27 Mart 2026'da başlattığı büyük çekirdek güncellemesiyle birlikte Core Web Vitals değerlendirmesi site genelinde bütünsel hale geldi. Artık sadece birkaç yavaş yüklenen sayfa veya yüksek CLS'ye sahip şablonlar bile alan adınızın tüm sıralamasını olumsuz etkileyebiliyor. Bu değişiklik, performans optimizasyonunu tüm site için kritik bir öncelik haline getirdi.

Core Web Vitals Metrikleri ve Eşik Değerleri

Largest Contentful Paint (LCP) - Sayfa Yükleme Hızı

LCP, sayfanın ana içeriğinin ne kadar sürede yüklendiğini ölçer. Burada "ana içerik" genellikle kullanıcının viewport'unda görünen en büyük görsel veya metin bloğudur - büyük bir hero görseli, video kapağı veya ana başlık paragrafı olabilir. İyi bir kullanıcı deneyimi için LCP'nin sayfa yüklenmeye başladıktan sonraki ilk 2,5 saniye içinde gerçekleşmesi gerekiyor. 4 saniyenin üzerindeki değerler zayıf kabul ediliyor ve Google sıralamasında ciddi dezavantaj yaratıyor.

LCP'yi etkileyen en önemli faktörler sunucu yanıt süresi, render-blocking JavaScript ve CSS dosyaları, yavaş kaynak yükleme süreleri ve istemci tarafı render işlemidir. Özellikle büyük görsellerin optimize edilmemiş formatları veya CDN kullanılmaması LCP değerlerini doğrudan olumsuz etkiler. May 2026'da yapılan güncellemede eşik değerine eşit veya daha düşük puanlar da yeterli kabul edilmeye başlandı - önceden kesinlikle altında olma şartı vardı.

Interaction to Next Paint (INP) - Sayfa Duyarlılığı

INP, kullanıcıların sayfayla olan tüm etkileşimlerini gözlemler ve en uzun süren etkileşimin bir sonraki görsel güncelleme zamanını raporlar. Tıklamalar, dokunmalar ve klavye girişleri dahil olmak üzere her etkileşim ölçülür. İyi bir deneyim için INP değerinin 200 milisaniyeden az olması hedefleniyor. 200-500 ms arası iyileştirme gerektiriyor, 500 ms üzeri ise zayıf kategorisine giriyor.

INP metrği 12 Mart 2024'te First Input Delay (FID) metrğinin yerini aldı ve Core Web Vitals'taki en önemli değişikliklerden biri oldu. FID sadece ilk etkileşimi ölçerken, INP sayfada geçirilen tüm süre boyunca tüm etkileşimleri değerlendirerek çok daha kapsamlı bir duyarlılık ölçümü sağlıyor. Ağır JavaScript işlemleri, uzun görevler ve render-blocking scriptler INP değerlerini kötüleştiren başlıca faktörlerdir.

Cumulative Layout Shift (CLS) - Görsel Kararlılık

CLS, sayfa yüklenirken içeriğin beklenmedik şekilde kayma miktarını puanlar. Bir kullanıcı bir düğmeye tıklamak üzereyken ani bir kayma nedeniyle yanlış yere tıklaması veya okurken metnin aşağı kayması gibi sinir bozucu deneyimleri ölçer. İyi bir deneyim için CLS puanının 0,1'den az olması hedefleniyor.

CLS sorunlarının en yaygın nedenleri boyut özellikleri olmayan görseller ve videolar, dinamik olarak eklenen içerikler, web fontlarının yüklenme şekli ve iframe kullanımıdır. Özellikle reklam alanları ve dinamik içerik blokları için önceden yer ayırmamak CLS puanını ciddi şekilde bozar. Google'ın Mart 2026 güncellemesiyle birlikte şablonlar arası yüksek CLS değerleri site genelinde negatif etki yaratıyor.

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

Google PageSpeed Insights - Temel Analiz Aracı

PageSpeed Insights, Core Web Vitals ölçümü için kullanılan ücretsiz ve en yaygın araçtır. Hem laboratuvar verisi (Lighthouse ile) hem de saha verisi (Chrome User Experience Report - CrUX'tan) sunar. Bir URL girdiğinizde mobil ve masaüstü için ayrı performans skorları, metrik değerleri ve spesifik iyileştirme önerileri alırsınız.

Araç, 0-100 arası bir performans skoru verir ve kırmızı (zayıf), sarı (iyileştirme gerekiyor) ve yeşil (iyi) renklerle metrik durumlarını gösterir. Her metrik için hem laboratuvar ortamında simüle edilmiş değerleri hem de gerçek kullanıcılardan toplanan 28 günlük veriyi görebilirsiniz. CrUX verisinin olması sitenizin gerçek kullanıcılar tarafından nasıl deneyimlendiğini gösterir.

Google Lighthouse - Detaylı Denetim

Lighthouse, Chrome Geliştirici Araçları'nda bulunan açık kaynaklı otomatikleştirilmiş denetim aracıdır. Chrome'da F12 ile geliştirici konsolunu açıp Lighthouse sekmesine geçerek analiz başlatabilirsiniz. Performans yanında erişilebilirlik, SEO, en iyi uygulamalar ve Progressive Web App (PWA) kategorilerinde de denetim yapar ve her biri için 0-100 arası puan verir.

Lighthouse'un avantajı yerel ortamda ve kontrollü koşullarda test yapabilmenizdir. Production öncesi staging ortamlarında veya henüz canlıya alınmamış değişikliklerde performans analizi yapabilirsiniz. Ancak Lighthouse sadece laboratuvar verisi sağlar - gerçek kullanıcı deneyimini görmek için CrUX verisi gerekir.

Google Search Console Core Web Vitals Raporu

Search Console'daki Core Web Vitals raporu, sitenizin gerçek dünya kullanım verilerine dayalı performans durumunu gösterir. Sol menüden Deneyim > Core Web Vitals'a giderek mobil ve masaüstü raporlarına erişebilirsiniz. URL'ler benzer sayfa tiplerine göre gruplandırılır ve her grup Hızlı, İyileştirme Gerekiyor veya Yavaş kategorilerinden birine düşer.

Bir URL grubunun durumu, gruptaki en yavaş performans gösteren metrik durumuna göre belirlenir. Örneğin LCP ve INP mükemmel olsa bile CLS zayıfsa grup durumu yavaş olarak işaretlenir. Raporda sorunlu URL örneklerini görebilir ve hangi metriğin probleme neden olduğunu tespit edebilirsiniz. Düzeltme yaptıktan sonra değişikliklerin yansıması 28 gün sürebilir çünkü CrUX verisi 28 günlük periyodu kullanır.

Web Vitals Chrome Eklentisi

Web Vitals eklentisi, tarayıcıda anlık Core Web Vitals metriklerini gösterir. Chrome Web Store'dan ücretsiz olarak yükleyebilirsiniz. Eklenti aktifken herhangi bir sayfada gerçek zamanlı LCP, INP ve CLS değerlerini görürsünüz. Sayfada gezinirken metriklerin nasıl değiştiğini gözlemlemek için pratik bir araçtır.

Özellikle geliştirme sırasında yaptığınız değişikliklerin metriklere etkisini anında görmek için kullanışlıdır. Ancak bu değerler yerel makinenizde ve o anki bağlantı koşullarınızda ölçülür - gerçek kullanıcı verisi için yine CrUX kaynaklı raporlara bakmanız gerekir.

Core Web Vitals Optimizasyonu İçin İçerik Dağıtım Ağları (CDN)

Cloudflare CDN Özellikleri ve Fiyatlandırması

Cloudflare, Core Web Vitals optimizasyonunda en çok kullanılan CDN'lerden biridir. Ücretsiz planı bile temel CDN, SSL ve DDoS koruması sunarak çoğu bireysel webmaster ve küçük site için yeterlidir. Ücretsiz planda trafik limiti olmadan global olarak dağıtılmış sunuculardan içeriğinizi sunabilirsiniz.

Ücretli planlar şöyle: Pro planı aylık 20 USD'ye WAF kuralları ve sayfa kurallarında artış (3'ten 20'ye) sağlar. Business planı aylık 200 USD'ye gelişmiş bot yönetimi ve ek güvenlik özellikleri ekler. Enterprise planı özel fiyatlandırmayla gelir ve tipik olarak aylık 5.000 USD ve üzeri başlar. Cloudflare Pages ücretsiz planda site başına 20.000 dosyaya kadar içerebilir, ücretli planlarda bu limit 100.000 dosyaya çıkar.

Cloudflare Workers servisi ise sunucusuz kod çalıştırma imkanı verir. Aylık 10 milyon ücretsiz istek ve 30 milyon CPU ms içerir, üzeri aylık 0,30 USD/milyon talep üzerinden ücretlendirilir. İstek başına maksimum 30 saniye CPU süresi sınırı vardır. Workers ile dinamik içerik manipülasyonu yaparak HTML'yi edge'de optimize edebilir veya gerekmeyen scriptleri filtreleyebilirsiniz.

CDN Karşılaştırması: Hangi Sağlayıcıyı Seçmelisiniz?

Bunny.net fiyat-performans oranıyla öne çıkar ve genellikle maliyet odaklı projeler için tercih edilir. Basit kontrol paneli ve iyi küresel kapsama sunarken kullandığın kadar öde modeliyle çalışır. KeyCDN benzer şekilde geliştiriciler ve küçük işletmeler için şeffaf fiyatlandırma sunar.

Akamai Technologies kurumsal ölçekte pazar lideridir ve dünyanın en büyük CDN ağlarından birine sahiptir. Gelişmiş bot yönetimi ve DDoS koruması gibi özelliklerle büyük kurumsal siteler için idealdir ancak fiyatlandırma özel olarak belirlenir ve genellikle yüksektir. Fastly ise gerçek zamanlı içerik dağıtımı ve programlanabilir edge mantığı ile geliştiriciler için derin kontrol sunar - özellikle medya platformları ve API odaklı uygulamalar için uygundur.

Amazon CloudFront AWS ekosistemini kullanan projeler için doğal entegrasyon sağlar. Eğer altyapınız zaten AWS üzerindeyse CloudFront ile S3, Lambda ve diğer servislerle kesintisiz çalışabilirsiniz. Ancak fiyatlandırma kullanıma göre değişir ve önceden net maliyet tahmini yapmak zordur.

Core Web Vitals Optimizasyon Stratejileri

LCP İyileştirme Teknikleri

LCP'yi iyileştirmek için öncelikle hangi öğenin LCP elemanı olduğunu tespit edin. PageSpeed Insights veya Lighthouse raporunda "Largest Contentful Paint element" bölümü bunu gösterir. Genellikle hero görseli, video kapağı veya büyük bir metin bloğudur. Bu elemanın yüklenmesini önceliklendirmek için preload kullanabilirsiniz: <link rel="preload" as="image" href="hero.jpg"> head bölümünde bu görselin öncelikli yüklenmesini sağlar.

Görselleri modern formatlara dönüştürmek kritiktir. WebP formatı JPEG'e göre %25-35 daha küçük dosya boyutu sağlar. AVIF ise WebP'den bile daha iyi sıkıştırma sunar ancak tarayıcı desteği henüz tam değildir. Picture elementi ile fallback stratejisi kullanabilirsiniz. Görsellere width ve height öznitelikleri eklemek CLS'yi de iyileştirir. CDN kullanımı da zorunludur - statik dosyalarınızı CDN üzerinden sunmak TTFB'yi (Time to First Byte) düşürür ve LCP'yi doğrudan iyileştirir.

INP İyileştirme Yöntemleri

INP sorunları genellikle ağır JavaScript işlemlerinden kaynaklanır. Uzun görevleri (50ms'den uzun süren) parçalamak için setTimeout() veya requestIdleCallback() kullanabilirsiniz. Örneğin büyük bir listeyi işlerken 100'er öğelik parçalara bölüp aralarına 10ms boşluk eklemek tarayıcının diğer görevlere yanıt vermesini sağlar.

Third-party scriptleri denetlemek önemlidir. Google Analytics, Facebook Pixel, reklam scriptleri gibi üçüncü taraf kodları async veya defer ile yükleyin ve mümkünse lazy loading uygulayın. Google Tag Manager kullanıyorsanız gereksiz tag'leri kaldırın ve trigger'ları optimize edin. Event handler'ları passive olarak işaretlemek de yardımcı olur: addEventListener('touchstart', handler, {passive: true}) tarayıcıya scroll işlemini bloke etmeyeceğinizi bildirir.

CLS Önleme Teknikleri

CLS'yi önlemek için her görsel ve video elemanına mutlaka width ve height öznitelikleri ekleyin. Responsive tasarımda aspect-ratio CSS özelliği kullanabilirsiniz: img { aspect-ratio: 16 / 9; width: 100%; height: auto; } bu şekilde container boyutu değişse bile oran korunur.

Dinamik içerik için önceden yer ayırın. Reklam slot'ları için min-height belirleyin, skeleton screen'ler kullanın. Web fontları için font-display: optional veya font-display: swap kullanın ancak swap kullanırken FOUT (Flash of Unstyled Text) için fallback font metriklerini ayarlayın. Preload ile kritik fontları öncelikli yükleyebilirsiniz: <link rel="preload" as="font" href="font.woff2" crossorigin>. Cookie banner'ları ve popup'ları sayfanın üstüne overlay olarak gösterin, içeriği aşağı itmeyin.

Mobil Optimizasyona Özel Dikkat

Mobil Core Web Vitals'ın Artan Önemi

Ocak 2026'dan itibaren mobil cihazlar için Core Web Vitals puanlarının genel sıralamalarda daha fazla ağırlık taşıdığı belirtildi. Web trafiğinin %60'ından fazlasının mobil cihazlardan gelmesi bu değişimin temel nedenidir. Google'ın mobile-first indexing yaklaşımıyla birlikte artık sitenizin mobil versiyonu birincil sıralama faktörü haline geldi.

Mobil cihazlarda CPU gücü ve ağ bağlantısı genellikle masaüstünden daha zayıftır. Bu nedenle masaüstünde kabul edilebilir olan performans mobilde yetersiz kalabilir. Search Console'da mobil ve masaüstü raporlarını ayrı ayrı inceleyin. Mobil rapor daha kritiktir ve öncelikle mobil sorunları çözmelisiniz.

Mobil Optimizasyon Teknikleri

Viewport yapılandırmasını doğru yapın: <meta name="viewport" content="width=device-width, initial-scale=1"> mobil cihazlarda doğru ölçeklemeyi sağlar. Touch hedeflerinin boyutunu en az 48x48 piksel yapın ve aralarında yeterli boşluk bırakın - bu hem kullanılabilirlik hem de INP için önemlidir.

Responsive görseller kullanın. Srcset ve sizes öznitelikleriyle mobil cihazlara daha küçük görsel versiyonları gönderin: <img srcset="small.jpg 500w, medium.jpg 1000w, large.jpg 2000w" sizes="(max-width: 600px) 500px, 1000px" src="medium.jpg">. Bu şekilde mobilde gereksiz yere büyük görseller yüklememiş olursunuz. Lazy loading kullanın: <img loading="lazy"> viewport dışındaki görsellerin gerektiğinde yüklenmesini sağlar.

Core Web Vitals Site Geneli Etkileri

Mart 2026 Çekirdek Güncellemesi Etkileri

Google'ın 27 Mart 2026'da başlattığı çekirdek güncelleme Core Web Vitals değerlendirmesinde önemli değişiklik getirdi. Artık birkaç yavaş yüklenen sayfa veya yüksek CLS'ye sahip şablonlar alan adının tüm sıralamasını olumsuz etkileyebiliyor. Önceden sayfa bazlı değerlendirme yapılırken şimdi site genelinde bütünsel değerlendirme var.

Bu değişiklik özellikle e-ticaret siteleri, haber portalları ve büyük içerik siteleri için kritik. Örneğin ürün sayfalarınız hızlı olsa bile kategori sayfalarınız yavaşsa veya blog şablonunuz CLS sorunu yaşıyorsa tüm site etkilenebiliyor. Search Console'da URL gruplarını düzenli olarak kontrol edin ve hangi sayfa tiplerinin sorun yarattığını tespit edin. Önceliği yüksek trafikli şablonlara verin.

Mayıs 2026 Eşik Değer Esnekliği

Mayıs 2026'da Core Web Vitals puanlama sisteminde yapılan esneklik değişikliği önemli bir kolaylık sağladı. Artık eşik değerine eşit veya daha düşük puanlar yeterli kabul ediliyor. Önceden LCP için 2,5 saniyenin kesinlikle altında olma şartı varken şimdi 2,5 saniye de kabul ediliyor.

Bu değişiklik özellikle sınırda olan siteler için olumlu etki yarattı. Örneğin LCP'niz 2,48 saniye yerine 2,51 saniyeyse önceden "iyileştirme gerekiyor" kategorisine düşerken şimdi küçük optimizasyonlarla 2,5'e düşürüp "iyi" kategorisinde kalabiliyorsunuz. Ancak bu esnekliğe güvenip optimizasyonu ertelemeyin - amaç her zaman eşik değerlerden belirgin şekilde iyi olmak olmalıdır.

Sonuç ve Öneriler

Core Web Vitals optimizasyonu artık isteğe bağlı değil zorunlu bir SEO ve kullanıcı deneyimi gereksinimi haline geldi. Mart 2026 güncellemesiyle site genelinde bütünsel değerlendirme yapılması tüm sayfa tiplerinde tutarlı performans gerekliliğini getirdi. LCP için 2,5 saniye, INP için 200ms ve CLS için 0,1 eşik değerlerini hedefleyin ama bu değerlerin altında kalmaya çalışın.

Öncelikli adımlarınız şunlar olmalı: Google Search Console'da Core Web Vitals raporunu düzenli inceleyin, sorunlu URL gruplarını tespit edin ve şablon bazında düzeltmeler yapın. CDN kullanımı, görsel optimizasyonu ve JavaScript yönetimi temel teknik gereksinimleridir. Mobil performansa özel dikkat gösterin çünkü artık mobil metrikler daha fazla ağırlık taşıyor. PageSpeed Insights ve Lighthouse ile düzenli test yapın, ancak asıl başarı kriteri Search Console'daki gerçek kullanıcı verileridir - 28 günlük CrUX verilerinde iyileşme görene kadar optimizasyonu sürdürün.

Sıkça Sorulan Sorular

Core Web Vitals optimizasyonu SEO sıralamayı ne kadar etkiler?

Core Web Vitals Google'ın sayfa deneyimi sinyallerinin bir parçasıdır ve sıralama faktörü olarak rol oynar. Ancak içerik kalitesi hala en önemli faktördür. İki site benzer içerik kalitesindeyse Core Web Vitals puanı yüksek olan tercih edilir. Mart 2026 güncellemesiyle site genelinde kötü performans tüm sayfaların sıralamasını etkileyebiliyor, bu nedenle etkisi daha da arttı.

Core Web Vitals metriklerini ne sıklıkla kontrol etmeliyim?

Search Console'daki CrUX verisi 28 günlük periyot kullandığı için aylık kontrol yeterlidir. Ancak yeni özellik yayınladığınızda veya büyük değişiklik yaptığınızda PageSpeed Insights ile hemen test yapabilirsiniz. Production ortamında sürekli izleme için RUM (Real User Monitoring) araçları kullanmak idealdir çünkü gerçek kullanıcı verilerini anlık gösterir.

CDN kullanmak Core Web Vitals için zorunlu mu?

Teknik olarak zorunlu değil ama pratikte şart. CDN olmadan özellikle LCP ve TTFB metriklerinde iyi değerler elde etmek çok zordur. Kullanıcınız Türkiye'deyken sunucunuz ABD'deyse fiziksel mesafe gecikme yaratır. Cloudflare'in ücretsiz planı bile temel CDN sunduğu için maliyet engeli de yoktur. Hemen CDN kurulumu yapmalısınız.

Mobil ve masaüstü Core Web Vitals değerleri neden farklı?

Mobil cihazların CPU gücü daha düşük, ağ bağlantıları daha yavaş ve genellikle daha düşük bant genişlikli olduğu için aynı sayfa mobilde daha yavaş yüklenir. JavaScript işleme mobilde daha uzun sürer, bu da özellikle INP'yi etkiler. Google mobil ve masaüstü için ayrı değerlendirme yapar ve mobil-first indexing nedeniyle mobil metrikler daha kritiktir. Her iki platformu da optimize edin ama mobil önceliklidir.

Core Web Vitals'ı iyileştirdim ama Search Console'da değişiklik göremiyorum, neden?

Search Console'daki Core Web Vitals raporu Chrome User Experience Report (CrUX) verilerini kullanır ve bu veri 28 günlük süreyi kapsar. Yaptığınız iyileştirmelerin raporda görünmesi 28 güne kadar sürebilir çünkü eski kötü veriler hala ortalamaya dahil olur. Değişikliklerinizin etkisini hemen görmek için PageSpeed Insights kullanın - orada hem laboratuvar verisi hem de son 28 günlük CrUX verisi gösterilir. Sabırlı olun ve iyileştirmeleri sürdürün, bir ay içinde rapor güncellenecektir.

Yazan Celil Uyanikoglu

25 yıldır bilgi işlem piyasasında farklı dallarda uzmanlaşan bir Bilgisayar Mühendisi

X @