Core Web Vitals Nedir? Site Hızı ve UX Rehberi

Core Web Vitals, bir web sayfasının kullanıcı deneyimini ölçmek için kullanılan temel performans metrikleridir. Bu metrikler; sayfanın ne kadar hızlı yüklendiğini, kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğini ve sayfa yüklenirken görsel kaymaların yaşanıp yaşanmadığını anlamaya yardımcı olur.

SEO açısından Core Web Vitals önemlidir çünkü arama motorları yalnızca içeriğin ne anlattığına değil, kullanıcının o içeriği nasıl deneyimlediğine de dikkat eder. Bir sayfa kaliteli içeriğe sahip olsa bile yavaş açılıyorsa, butonlara geç tepki veriyorsa veya yüklenirken sürekli kayıyorsa kullanıcı deneyimi zayıflar. Bu durum organik performansı dolaylı olarak etkileyebilir.

Core Web Vitals Ne İşe Yarar?

Core Web Vitals, web sitesinin kullanıcı deneyimini sayısal olarak değerlendirmeye yardımcı olur. Bu metrikler sayesinde yalnızca “site yavaş” veya “mobilde kötü görünüyor” gibi genel yorumlar yapmak yerine, hangi alanda sorun olduğunu daha net anlayabiliriz.

Core Web Vitals şu sorulara cevap verir:

Sayfanın ana içeriği ne kadar hızlı yükleniyor?
Kullanıcı sayfayla etkileşime geçtiğinde site hızlı yanıt veriyor mu?
Sayfa yüklenirken görseller, butonlar veya metinler yer değiştiriyor mu?
Mobil kullanıcı deneyimi yeterince stabil mi?
Gerçek kullanıcılar sayfayı hızlı ve sorunsuz deneyimliyor mu?

Bu metrikler özellikle teknik SEO, web tasarım, performans optimizasyonu ve dönüşüm oranı optimizasyonu çalışmalarında birlikte değerlendirilmelidir.

Core Web Vitals Metrikleri Nelerdir?

Core Web Vitals üç temel metrikten oluşur:

Bu metriklerin her biri kullanıcı deneyiminin farklı bir yönünü ölçer.

LCP, sayfanın ana içeriğinin yüklenme hızını gösterir. INP, kullanıcının sayfayla etkileşime geçtiğinde sitenin ne kadar hızlı yanıt verdiğini ölçer. CLS ise sayfa yüklenirken beklenmeyen görsel kaymaların olup olmadığını değerlendirir.

Bir siteyi yalnızca tek bir metrikle değerlendirmek doğru değildir. Sağlıklı bir kullanıcı deneyimi için bu üç alan birlikte ele alınmalıdır.

LCP Nedir?

LCP, “Largest Contentful Paint” ifadesinin kısaltmasıdır. Türkçede sayfanın en büyük görünür içerik öğesinin yüklenme süresi olarak düşünülebilir.

Genellikle şu öğeler LCP olarak ölçülebilir:

Hero görseli
Büyük başlık alanı
Büyük metin bloğu
Öne çıkan ürün görseli
Banner görseli
Video kapak görseli

Örneğin bir hizmet sayfasında en büyük görünür öğe hero alanındaki büyük başlık veya görsel olabilir. Eğer bu alan geç yükleniyorsa LCP değeri zayıflayabilir.

LCP, kullanıcının “sayfa açıldı mı?” hissini doğrudan etkileyen önemli bir metriktir. Kullanıcı ana içeriği hızlı göremiyorsa sayfadan çıkma ihtimali artabilir.

LCP Nasıl İyileştirilir?

LCP sorunlarının en yaygın nedenleri büyük görseller, yavaş sunucu yanıtı, ağır CSS/JavaScript dosyaları ve geç yüklenen fontlardır.

LCP iyileştirmesi için şu adımlar uygulanabilir:

Hero görselleri optimize edilmelidir.
Büyük görseller WebP veya optimize edilmiş JPG formatında kullanılmalıdır.
Görsellere doğru genişlik ve yükseklik değerleri verilmelidir.
İlk ekranda görünen ana görsel lazy load yapılmamalıdır.
Sunucu yanıt süresi iyileştirilmelidir.
Gereksiz CSS ve JavaScript yükü azaltılmalıdır.
Font yükleme stratejisi optimize edilmelidir.
Cache sistemi doğru yapılandırılmalıdır.
CDN kullanımı değerlendirilebilir.

Özellikle WordPress sitelerde büyük hero görselleri, ağır slider eklentileri ve optimize edilmemiş tema dosyaları LCP sorunlarına neden olabilir.

INP Nedir?

INP, “Interaction to Next Paint” ifadesinin kısaltmasıdır. Kullanıcının sayfayla etkileşime geçtiğinde sitenin ne kadar hızlı yanıt verdiğini ölçer.

Örneğin kullanıcı:

Menüye dokunduğunda
Butona tıkladığında
Form alanına yazı yazdığında
Akordeon açtığında
Filtre kullandığında
Mobil menüyü açtığında

sayfanın bu etkileşime hızlı yanıt vermesi gerekir. Eğer tıklamadan sonra gecikme yaşanıyorsa INP değeri olumsuz etkilenebilir.

INP özellikle JavaScript yükü fazla olan sitelerde, e-ticaret filtrelerinde, animasyonlu tasarımlarda ve yoğun etkileşimli sayfalarda önemlidir.

INP Nasıl İyileştirilir?

INP sorunları genellikle tarayıcının yoğun JavaScript işlemleri nedeniyle kullanıcı etkileşimlerine geç yanıt vermesinden kaynaklanır.

INP iyileştirmesi için şu adımlar uygulanabilir:

Gereksiz JavaScript dosyaları azaltılmalıdır.
Kullanılmayan eklentiler kaldırılmalıdır.
Ağır animasyonlar sadeleştirilmelidir.
Üçüncü taraf scriptler kontrol edilmelidir.
Mobil menü, slider ve form scriptleri optimize edilmelidir.
Uzun JavaScript görevleri bölünmelidir.
Etkileşimli bileşenler daha hafif kodlanmalıdır.
Gereksiz takip kodları sınırlandırılmalıdır.

Özellikle WordPress sitelerde çok fazla eklenti, ağır tema scriptleri veya gereksiz animasyonlar INP performansını zayıflatabilir.

CLS Nedir?

CLS, “Cumulative Layout Shift” ifadesinin kısaltmasıdır. Sayfa yüklenirken beklenmeyen görsel kaymaların ne kadar yaşandığını ölçer.

Kullanıcı bir sayfayı açtığında metinler, görseller veya butonlar yüklenirken yer değiştiriyorsa bu durum CLS sorununa neden olur. Örneğin kullanıcı bir butona tıklamak üzereyken üstteki görsel geç yüklenir ve buton aşağı kayarsa bu kötü bir kullanıcı deneyimidir.

CLS sorunlarına genellikle şunlar neden olur:

Genişlik ve yükseklik değeri olmayan görseller
Geç yüklenen reklam alanları
Sonradan yüklenen fontlar
Dinamik içerik blokları
Embed alanları
Slider veya banner alanları
Çerez banner’ları
Geç gelen üçüncü taraf scriptler

CLS, özellikle mobil kullanıcı deneyiminde daha belirgin hale gelir.

CLS Nasıl İyileştirilir?

CLS iyileştirmesi için sayfa yüklenirken öğelerin kaplayacağı alanın önceden belirlenmesi gerekir.

CLS iyileştirmesi için şu adımlar uygulanabilir:

Görsellere width ve height değerleri verilmelidir.
Video ve iframe alanları için sabit oran ayrılmalıdır.
Reklam veya embed alanları için önceden boşluk bırakılmalıdır.
Font yükleme sırasında ani değişimler azaltılmalıdır.
Dinamik içerikler sayfanın üst kısmına sonradan eklenmemelidir.
Çerez banner’ları içerik akışını bozmayacak şekilde konumlandırılmalıdır.
Mobilde kart, görsel ve buton yapıları test edilmelidir.

Özellikle görsel ağırlıklı blog, e-ticaret ve hizmet sayfalarında CLS kontrolü düzenli yapılmalıdır.

Core Web Vitals SEO Sıralamasını Etkiler mi?

Core Web Vitals, SEO açısından önemli kullanıcı deneyimi sinyallerinden biridir. Ancak tek başına sıralama belirleyen ana unsur olarak düşünülmemelidir.

Bir sayfanın içeriği zayıfsa, arama niyetini karşılamıyorsa veya teknik olarak indekslenebilir değilse yalnızca Core Web Vitals değerlerini iyileştirmek yeterli olmaz.

Doğru yaklaşım şudur:

İçerik kullanıcı niyetini karşılamalıdır.
Sayfa teknik olarak taranabilir ve indekslenebilir olmalıdır.
On-Page SEO yapısı doğru olmalıdır.
İç linkleme güçlü olmalıdır.
Core Web Vitals değerleri kullanıcı deneyimini desteklemelidir.

Core Web Vitals, özellikle benzer kaliteye sahip sayfalar arasında kullanıcı deneyimi avantajı sağlayabilir. Ancak iyi performans, kötü içeriği tek başına güçlü hale getirmez.

Core Web Vitals Nasıl Ölçülür?

Core Web Vitals ölçümü için farklı araçlar kullanılabilir. Bazı araçlar gerçek kullanıcı verilerine, bazıları ise laboratuvar testlerine dayanır.

Kullanılabilecek araçlar:

PageSpeed Insights
Google Search Console
Chrome UX Report
Lighthouse
Chrome DevTools
WebPageTest
GTmetrix

PageSpeed Insights hem laboratuvar hem de gerçek kullanıcı verilerini gösterebilir. Google Search Console ise site genelinde Core Web Vitals sorunlarını URL grupları üzerinden takip etmeye yardımcı olur.

Ölçüm yaparken yalnızca tek bir test sonucuna bakmak doğru değildir. Farklı cihazlar, bağlantı hızları ve kullanıcı koşulları performansı etkileyebilir.

Laboratuvar Verisi ve Gerçek Kullanıcı Verisi Arasındaki Fark

Core Web Vitals analizinde iki farklı veri türüyle karşılaşılır: laboratuvar verisi ve gerçek kullanıcı verisi.

Laboratuvar verisi, belirli koşullar altında yapılan test sonucudur. Örneğin Lighthouse testleri bu kapsama girer. Bu veri hızlı teşhis için faydalıdır.

Gerçek kullanıcı verisi ise siteyi ziyaret eden kullanıcıların deneyimlerinden oluşur. Bu veri, farklı cihazlar, bağlantılar ve kullanıcı koşullarını yansıttığı için daha gerçekçi bir tablo sunar.

Örneğin laboratuvar testinde iyi görünen bir sayfa, gerçek kullanıcı verilerinde kötü olabilir. Bunun nedeni kullanıcıların daha yavaş cihazlar, zayıf bağlantılar veya farklı tarayıcılar kullanması olabilir.

Bu nedenle Core Web Vitals değerlendirmesinde her iki veri türü birlikte incelenmelidir.

Mobil ve Masaüstü Performansı Neden Farklıdır?

Bir site masaüstünde hızlı çalışırken mobilde yavaş olabilir. Bunun birkaç nedeni vardır.

Mobil performansı etkileyen faktörler:

Mobil cihazların işlem gücü daha sınırlı olabilir.
Mobil bağlantılar daha değişken olabilir.
Görseller mobilde gereğinden büyük yüklenebilir.
Mobil menü ve etkileşimler daha fazla JavaScript kullanabilir.
Font ve tasarım yapısı mobilde daha fazla kaymaya neden olabilir.
Üçüncü taraf scriptler mobilde daha fazla gecikme yaratabilir.

Bu nedenle performans optimizasyonu yapılırken yalnızca masaüstü PageSpeed skoruna bakmak yeterli değildir. Mobil deneyim ayrıca kontrol edilmelidir.

WordPress Sitelerde Core Web Vitals Sorunları

WordPress sitelerde Core Web Vitals sorunları sık görülebilir. Bunun nedeni WordPress’in kötü bir altyapı olması değil, tema, eklenti ve görsel kullanımının performansı doğrudan etkilemesidir.

WordPress’te sık görülen sorunlar:

Ağır tema dosyaları
Gereksiz eklentiler
Optimize edilmemiş görseller
Büyük hero görselleri
Ağır slider kullanımı
Çok fazla font dosyası
Gereksiz CSS ve JavaScript
Cache eksikliği
Üçüncü taraf takip kodları
Mobilde bozuk layout yapıları

WordPress performansı için yalnızca cache eklentisi kurmak yeterli değildir. Tema kodu, görsel stratejisi, font kullanımı ve script yönetimi birlikte optimize edilmelidir.

E-Ticaret Sitelerinde Core Web Vitals

E-ticaret sitelerinde Core Web Vitals daha kritik hale gelebilir. Çünkü kullanıcı deneyimi doğrudan satış performansını etkiler. Ürün sayfalarının yavaş açılması, filtrelerin geç çalışması veya sepete ekle butonunun gecikmesi dönüşüm oranlarını düşürebilir.

E-ticaret sitelerinde dikkat edilmesi gereken alanlar:

Kategori sayfalarının yüklenme hızı
Ürün görsellerinin optimizasyonu
Filtreleme sistemlerinin performansı
Sepete ekle butonlarının yanıt süresi
Ürün varyasyonlarının hızlı çalışması
Mobil ürün kartları
Slider ve kampanya banner’ları
Ödeme adımlarındaki performans
Üçüncü taraf pazarlama scriptleri

SEO açısından e-ticaret sitelerinde hız yalnızca sıralama için değil, satış ve kullanıcı deneyimi için de önemlidir.

Core Web Vitals ve Görsel Optimizasyonu

Görseller Core Web Vitals üzerinde büyük etkiye sahip olabilir. Özellikle LCP ve CLS sorunlarının önemli bir kısmı görsel kullanımından kaynaklanır.

Görsel optimizasyonunda dikkat edilmesi gerekenler:

Görseller gereksiz büyük yüklenmemelidir.
Hero görseli doğru boyutta hazırlanmalıdır.
Görseller sıkıştırılmalıdır.
WebP veya optimize edilmiş JPG kullanılabilir.
Mobil ve masaüstü için uygun boyutlar sunulmalıdır.
Görsellere width ve height değerleri verilmelidir.
İlk ekranda görünen görsel lazy load yapılmamalıdır.
Sayfa altındaki görseller lazy load kullanılabilir.

Örneğin blog kapak görsellerinin 100 KB altına indirilmesi olumlu bir adımdır. Ancak görselin mobilde doğru oranla gösterilmesi ve layout kaymasına neden olmaması da gerekir.

Core Web Vitals ve Font Kullanımı

Fontlar, sayfa performansını ve görsel stabiliteyi etkileyebilir. Geç yüklenen fontlar metinlerin sonradan değişmesine ve sayfa düzeninin kaymasına neden olabilir.

Font optimizasyonu için şu adımlar uygulanabilir:

Gereksiz font aileleri kaldırılmalıdır.
Çok fazla font ağırlığı kullanılmamalıdır.
Font dosyaları mümkünse yerel sunulmalıdır.
Font-display stratejisi doğru belirlenmelidir.
Başlık ve gövde fontları sade tutulmalıdır.
Harici font istekleri azaltılmalıdır.

Özellikle özel tasarımlı WordPress temalarında çok fazla font ağırlığı kullanmak performansı olumsuz etkileyebilir.

Core Web Vitals ve JavaScript Kullanımı

JavaScript, özellikle INP metriğini etkileyen en önemli alanlardan biridir. Sayfada çok fazla JavaScript çalışıyorsa, tarayıcı kullanıcı etkileşimlerine geç yanıt verebilir.

JavaScript optimizasyonunda dikkat edilmesi gerekenler:

Kullanılmayan scriptler kaldırılmalıdır.
Gereksiz animasyon scriptleri azaltılmalıdır.
Üçüncü taraf takip kodları kontrol edilmelidir.
Mobil menü ve form scriptleri hafif tutulmalıdır.
Kritik olmayan JavaScript ertelenebilir.
Eklenti kaynaklı script yükleri incelenmelidir.
Uzun görevler bölünmelidir.

Özellikle “tek sayfalık görsel efektler” veya ağır slider yapıları mobil performansı ciddi şekilde düşürebilir.

Core Web Vitals ve CSS Optimizasyonu

CSS dosyaları sayfanın görsel yapısını belirler. Ancak çok büyük, kullanılmayan veya render-blocking CSS dosyaları sayfa yükleme performansını etkileyebilir.

CSS optimizasyonunda şu alanlara bakılabilir:

Kullanılmayan CSS azaltılmalıdır.
Kritik CSS stratejisi değerlendirilebilir.
Büyük frameworkler gereksiz yere kullanılmamalıdır.
Mobilde kullanılmayan masaüstü stilleri yükü artırmamalıdır.
CSS dosyaları düzenli ve sade tutulmalıdır.
Inline stiller kontrollü kullanılmalıdır.
Tasarım değişiklikleri CLS yaratmamalıdır.

Özel WordPress temalarında CSS dosyası zamanla şişebilir. Bu nedenle dönem dönem temizlik ve mobil test yapılması faydalıdır.

Core Web Vitals ve Hosting İlişkisi

Hosting kalitesi, özellikle sunucu yanıt süresi üzerinde etkilidir. Yavaş sunucu yanıtı LCP performansını olumsuz etkileyebilir.

Hosting tarafında dikkat edilmesi gerekenler:

Sunucu yanıt süresi düşük olmalı
PHP ve veritabanı performansı sağlıklı olmalı
Cache mekanizması desteklenmeli
CDN kullanımı mümkün olmalı
Trafik artışlarında performans korunmalı
Gereksiz sunucu hataları olmamalı
SSL ve HTTP/2 gibi teknolojiler desteklenmeli

Kötü hosting üzerinde yapılan frontend optimizasyonları sınırlı etki gösterebilir. Bu nedenle performans analizinde sunucu tarafı da değerlendirilmelidir.

Core Web Vitals İyileştirme Süreci Nasıl Planlanır?

Core Web Vitals iyileştirmesi tek seferlik bir işlem değil, planlı bir optimizasyon sürecidir.

Önerilen süreç:

PageSpeed Insights ile sorunlar tespit edilir.
Search Console Core Web Vitals raporu incelenir.
En çok trafik alan sayfalar belirlenir.
LCP, INP ve CLS sorunları ayrı ayrı analiz edilir.
Görsel, CSS, JavaScript ve sunucu sorunları ayrıştırılır.
Öncelikli sayfalarda optimizasyon yapılır.
Mobil ve masaüstü ayrı test edilir.
Gerçek kullanıcı verileri zaman içinde takip edilir.
Yeni sayfa ve görseller için performans standardı belirlenir.

Performans optimizasyonunda amaç yalnızca PageSpeed puanını artırmak değil, kullanıcıların siteyi daha hızlı, stabil ve sorunsuz deneyimlemesini sağlamaktır.

Core Web Vitals Kontrol Listesi

Bir sayfanın Core Web Vitals performansını değerlendirirken şu liste kullanılabilir:

LCP öğesi tespit edildi mi?
LCP öğesi optimize edildi mi?
Hero görseli doğru boyutta mı?
İlk ekrandaki görsel lazy load dışında mı?
Sunucu yanıt süresi yeterli mi?
INP sorununa neden olan scriptler belirlendi mi?
Gereksiz JavaScript azaltıldı mı?
Mobil menü ve formlar hızlı çalışıyor mu?
CLS oluşturan öğeler tespit edildi mi?
Görsellere width ve height verildi mi?
Font yükleme düzeni kontrol edildi mi?
Çerez banner’ı layout kayması yaratıyor mu?
Üçüncü taraf scriptler değerlendirildi mi?
Mobil ve masaüstü ayrı ayrı test edildi mi?
Search Console’da gerçek kullanıcı verileri takip ediliyor mu?

Bu liste, performans optimizasyonunu daha sistemli hale getirir.

Core Web Vitals ve GEO İlişkisi

GEO, yapay zekâ destekli arama sistemlerinde görünürlük kazanmayı hedefleyen optimizasyon yaklaşımıdır. Core Web Vitals doğrudan bir GEO metriği değildir; ancak içeriklerin erişilebilirliği, kullanıcı deneyimi ve teknik sağlık açısından dolaylı önem taşır.

AI sistemleri ve arama motorları için önemli olan içerikler yalnızca yazılmış olmakla kalmamalı, kullanıcılar tarafından rahatça erişilebilir ve tüketilebilir olmalıdır. Yavaş açılan, mobilde bozulan veya etkileşimde geciken sayfalar kullanıcı deneyimini zayıflatır.

Özellikle uzmanlık sayfaları, hizmet sayfaları, blog içerikleri ve eğitim sayfaları hızlı, stabil ve okunabilir olmalıdır. Bu yapı hem klasik SEO hem de AI destekli görünürlük için daha güçlü bir temel oluşturur.

Core Web Vitals Nasıl Ele Alınmalı?

Core Web Vitals, web sitelerinin kullanıcı deneyimini ölçmek için kullanılan önemli performans metrikleridir. LCP sayfanın ana içeriğinin ne kadar hızlı yüklendiğini, INP kullanıcı etkileşimlerine ne kadar hızlı yanıt verildiğini, CLS ise sayfa yüklenirken görsel kayma yaşanıp yaşanmadığını gösterir.

SEO açısından Core Web Vitals tek başına başarı garantisi vermez; ancak teknik SEO, içerik kalitesi, mobil uyumluluk ve kullanıcı deneyimiyle birlikte değerlendirildiğinde organik performansı destekler.

Sağlıklı bir Core Web Vitals çalışması için görseller, fontlar, JavaScript, CSS, hosting, mobil deneyim ve gerçek kullanıcı verileri birlikte analiz edilmelidir. Amaç yalnızca skor yükseltmek değil, kullanıcının siteyi daha hızlı ve sorunsuz deneyimlemesini sağlamaktır.

Web sitenizin Core Web Vitals, site hızı ve teknik SEO performansını detaylı şekilde analiz etmek isterseniz SEO danışmanlığı hizmeti üzerinden kapsamlı bir değerlendirme süreci planlanabilir.

Sık Sorulan Sorular

Core Web Vitals nedir?

Core Web Vitals, bir web sayfasının kullanıcı deneyimini ölçen temel performans metrikleridir. LCP, INP ve CLS metriklerinden oluşur.

LCP nedir?

LCP, sayfadaki en büyük görünür içerik öğesinin ne kadar sürede yüklendiğini ölçer. Genellikle hero görseli, büyük başlık veya ana içerik bloğu LCP öğesi olabilir.

INP nedir?

INP, kullanıcının sayfayla etkileşime geçtiğinde sitenin ne kadar hızlı yanıt verdiğini ölçer. Menü açma, butona tıklama veya form kullanma gibi etkileşimler bu metriği etkileyebilir.

CLS nedir?

CLS, sayfa yüklenirken beklenmeyen görsel kaymaları ölçer. Görsellerin sonradan yüklenmesi, font değişimleri veya dinamik içerikler CLS sorununa neden olabilir.

Core Web Vitals SEO için önemli mi?

Evet, Core Web Vitals kullanıcı deneyimi açısından önemlidir ve SEO performansını destekleyebilir. Ancak tek başına sıralama garantisi vermez; içerik kalitesi ve teknik SEO ile birlikte değerlendirilmelidir.

Core Web Vitals nasıl ölçülür?

PageSpeed Insights, Google Search Console, Lighthouse, Chrome DevTools ve WebPageTest gibi araçlarla ölçülebilir. Gerçek kullanıcı verileri ve laboratuvar verileri birlikte değerlendirilmelidir.

WordPress’te Core Web Vitals nasıl iyileştirilir?

Görseller optimize edilmeli, gereksiz eklentiler kaldırılmalı, cache kullanılmalı, CSS ve JavaScript yükü azaltılmalı, fontlar düzenlenmeli ve mobil deneyim kontrol edilmelidir.

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