Core Web Vitals Nedir? LCP, CLS, INP Açıklaması
- Sezer DEMİR
- 2 gün önce
- 3 dakikada okunur
Google'ın sayfa deneyimi sinyallerinin temelini oluşturan Core Web Vitals metrikleri, web sitenizin performansını ve kullanıcı deneyimini doğrudan ölçer. Core Web Vitals nedir sorusuna kapsamlı yanıt vereceğimiz bu rehberde, LCP, CLS ve INP metriklerini ayrıntılı olarak açıklıyoruz.
⠀
Core Web Vitals Nedir?
⠀
Core Web Vitals (Temel Web Değerleri), Google'ın 2021'de resmi sıralama faktörleri arasına aldığı üç performans metriğidir. Bu metrikler, gerçek kullanıcı verilerine dayanarak web sayfalarının yükleme performansını, etkileşim yanıt süresini ve görsel kararlılığını ölçer.
Google, bu metrikleri Chrome kullanıcılarının gerçek deneyimlerinden toplar (Chrome User Experience Report — CrUX). Laboratuvar testleri yerine gerçek kullanıcı verilerinin kullanılması, sonuçları daha güvenilir kılar.
⠀
Core Web Vitals Nedir: Üç Temel Metrik
⠀
LCP — Largest Contentful Paint
⠀
LCP, sayfadaki en büyük içerik öğesinin (görsel, video veya metin bloğu) görünür hale gelme süresini ölçer. Kullanıcının "sayfa yüklendi" algısını yansıtır.
Hedef değerler:
İyi: 2.5 saniyenin altı
İyileştirme gerekli: 2.5 - 4 saniye arası
Kötü: 4 saniyenin üzeri
⠀
LCP nasıl iyileştirilir:
Sunucu yanıt süresini azaltın (TTFB optimizasyonu).
Büyük görselleri optimize edin ve WebP formatı kullanın.
Kritik CSS'i satır içi yükleyin.
CDN kullanarak içerik dağıtımını hızlandırın.
Render-blocking kaynaklarını minimize edin.
⠀
CLS — Cumulative Layout Shift
⠀
CLS, sayfa yüklenirken oluşan beklenmeyen görsel kaymaları ölçer. Bir butona tıklamak üzereyken sayfanın kayması ve yanlış yere tıklanması CLS sorununa örnektir.
Hedef değerler:
İyi: 0.1'in altı
İyileştirme gerekli: 0.1 - 0.25 arası
Kötü: 0.25'in üzeri
⠀
CLS nasıl iyileştirilir:
Görsellere ve videolara width/height boyut belirtin.
Reklam alanları için sabit boyutlu konteynerler kullanın.
Web fontlarına font-display: swap ekleyin.
Dinamik olarak eklenen içerikler için yer ayırın.
⠀
INP — Interaction to Next Paint
⠀
INP (Interaction to Next Paint), kullanıcı etkileşimlerine (tıklama, dokunma, klavye girişi) sayfanın ne kadar hızlı yanıt verdiğini ölçer. 2024'te FID (First Input Delay) metriğinin yerini almıştır.
Hedef değerler:
İyi: 200 milisaniyenin altı
İyileştirme gerekli: 200 - 500 milisaniye arası
Kötü: 500 milisaniyenin üzeri
⠀
INP nasıl iyileştirilir:
Ana iş parçacığını bloke eden uzun JavaScript görevlerini parçalayın.
Kullanılmayan JavaScript kodlarını kaldırın.
Üçüncü parti scriptleri geciktirerek yükleyin.
requestAnimationFrame ve requestIdleCallback kullanın.
⠀
⠀
Core Web Vitals Nasıl Ölçülür?
⠀
Bu metrikleri ölçmek için kullanabileceğiniz araçlar:
Google PageSpeed Insights: Hem laboratuvar hem alan (field) verilerini gösterir.
[Google Search Console](https://blakfy.com/blog/google-search-console-rehberi): Core Web Vitals raporu, sitenizin tüm sayfalarının durumunu özetler.
Chrome DevTools: Lighthouse panelinde detaylı performans analizi yapabilirsiniz.
Web Vitals Chrome Extension: Gerçek zamanlı CWV verilerini tarayıcıda gösterir.
CrUX Dashboard: Data Studio üzerinde gerçek kullanıcı verilerini görselleştirir.
⠀
⠀
Core Web Vitals ve SEO İlişkisi
⠀
Core Web Vitals, Google'ın sayfa deneyimi sinyallerinin bir parçasıdır. HTTPS, mobil uyumluluk ve intrusive interstitials ile birlikte değerlendirilir. İçerik kalitesi hala en önemli sıralama faktörü olsa da, benzer kalitedeki sayfalar arasında CWV performansı sıralamayı belirleyebilir.
Blakfy olarak Core Web Vitals optimizasyonu ve teknik SEO hizmeti sunuyoruz. Sitenizin performans metriklerini analiz ederek iyileştirme planı oluşturuyoruz.
⠀
Sık Sorulan Sorular
⠀
Core Web Vitals sıralamayı ne kadar etkiler?
⠀
CWV, bir "tie-breaker" (eşitlik bozucu) faktördür. İçerik kalitesi hala en önemli faktördür ancak benzer kalitedeki sayfalar arasında CWV performansı belirleyici olabilir.
Tüm sayfaların CWV skorunu düzeltmek gerekir mi?
⠀
Öncelikle en çok trafik alan sayfalarınıza odaklanın. Google, sayfaları bireysel olarak değerlendirir ancak site genelinde kötü CWV skoru genel performansı olumsuz etkileyebilir.
FID ile INP arasındaki fark nedir?
⠀
FID yalnızca ilk etkileşimin gecikmesini ölçerken, INP sayfadaki tüm etkileşimlerin yanıt süresini değerlendirir. INP daha kapsamlı ve doğru bir metriktir.
Mobil ve masaüstü CWV skorları farklı mı değerlendirilir?
⠀
Evet. Google, mobil ve masaüstü CWV verilerini ayrı ayrı toplar. Mobil öncelikli dizinleme nedeniyle mobil CWV skorları sıralama açısından daha ağırlıklıdır.
