İletişim
WhatsApp İletişim

Arama yapmak için yazmaya başlayın

↑ ↓ Navigate ↵ Select ESC Close

Core Web Vitals Optimizasyonu

Google'ın sıralama faktörü Core Web Vitals metriklerinizi iyileştirin. Profesyonel optimizasyon ile kullanıcı deneyimini artırın, SEO sıralamanızı yükseltin.

<2.5s
LCP Garantisi
<0.1
CLS Garantisi
<200ms
INP Garantisi
Core Web Vitals Dashboard

Core Web Vitals Nedir?

Core Web Vitals, Google tarafından belirlenen ve kullanıcı deneyimini ölçen üç temel performans metriğidir. Bu metrikler, web sitenizin ne kadar hızlı yüklendiğini (LCP), ne kadar stabil olduğunu (CLS) ve kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğini (INP) ölçer.

2021 yılından itibaren Google, Core Web Vitals'ı resmi sıralama faktörü olarak kullanmaya başladı. Bu, web sitenizin bu metriklerdeki performansının, Google aramalarındaki sıralamanızı doğrudan etkilediği anlamına gelir.

Core Web Vitals Metrikleri

Üç temel metriği detaylı inceleyelim

Largest Contentful Paint

LCP - Yükleme Performansı

LCP (Largest Contentful Paint), sayfanızın ana içeriğinin ne kadar hızlı yüklendiğini ölçer. Kullanıcıların sayfayı ilk açtıklarında en büyük görsel öğenin (resim, video veya metin bloğu) ne kadar sürede görüntülendiğini gösterir.

İyi bir LCP skoru, kullanıcıların sayfanızın hızlı yüklendiğini hissetmesini sağlar. Google, 2.5 saniyenin altındaki LCP değerlerini "iyi" olarak değerlendirir.

İyi
≤ 2.5s
İyileştirme Gerekli
2.5s - 4s
Zayıf
> 4s

LCP Optimizasyon İpuçları

  • Resim ve videoları optimize edin, modern formatlar (WebP, AVIF) kullanın
  • Sunucu yanıt süresini azaltın (TTFB < 600ms)
  • CSS ve JavaScript dosyalarını minimize edin ve sıkıştırın
  • Critical CSS'i inline olarak ekleyin
  • CDN kullanarak statik içerikleri hızlandırın
  • Lazy loading uygulayarak görünüm dışı içerikleri erteleyin
  • Preload ve prefetch direktifleriyle kritik kaynakları önceliklendir

Cumulative Layout Shift

CLS - Görsel Stabilite

CLS (Cumulative Layout Shift), sayfanızın ne kadar stabil olduğunu ölçer. Sayfa yüklenirken veya kullanıcı etkileşimi sırasında beklenmedik şekilde hareket eden öğeler kötü kullanıcı deneyimi yaratır.

Örneğin, bir butona tıklamak üzereyken sayfada bir reklam yüklenir ve buton aşağı kayarsa, kullanıcı yanlış yere tıklayabilir. CLS, bu tür istenmeyen hareketlerin toplamını ölçer.

İyi
≤ 0.1
İyileştirme Gerekli
0.1 - 0.25
Zayıf
> 0.25

CLS Optimizasyon İpuçları

  • Tüm görsellere width ve height attribute'ları ekleyin
  • Dinamik içerik için yer ayırın (skeleton screens)
  • Font yüklemesi için font-display: swap kullanın
  • Reklamlar ve iframe'ler için sabit boyutlar belirleyin
  • CSS transform kullanarak animasyonları GPU'ya taşıyın
  • Dinamik enjekte edilen içerikten kaçının
  • Aspect-ratio CSS özelliğini kullanarak responsive görsel boyutları tanımlayın

Interaction to Next Paint

INP - Etkileşim Yanıt Hızı

INP (Interaction to Next Paint), sayfanızın kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğini ölçer. Mart 2024'te FID (First Input Delay) metriğinin yerini almıştır ve tüm sayfa etkileşimlerini değerlendirir.

Kullanıcı bir butona tıkladığında, bir form alanını doldurduğunda veya menüyü açtığında, sayfanın bu etkileşime görsel yanıt vermesi için geçen süreyi ölçer. 200ms altındaki değerler "iyi" kabul edilir.

İyi
≤ 200ms
İyileştirme Gerekli
200ms - 500ms
Zayıf
> 500ms

INP Optimizasyon İpuçları

  • Uzun JavaScript görevlerini bölerek main thread'i bloke etmeyin
  • Web Workers kullanarak ağır işlemleri arka plana taşıyın
  • Event handler'ları optimize edin, debounce/throttle uygulayın
  • React/Vue gibi framework'lerde virtual DOM güncellemelerini optimize edin
  • Gereksiz re-render'lardan kaçının, memoization kullanın
  • Üçüncü parti script'leri async/defer ile yükleyin
  • Intersection Observer ile scroll event'lerini optimize edin

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

Performansınızı ölçmek için Google'ın resmi araçları

Google Search Console

Core Web Vitals raporuyla gerçek kullanıcı verilerine dayalı performans metriklerini görüntüleyin. Hangi sayfaların optimizasyona ihtiyacı olduğunu keşfedin.

Aracı Kullan

PageSpeed Insights

Hem laboratuvar hem de gerçek kullanıcı verilerini görün. Detaylı optimizasyon önerileri ve iyileştirme fırsatlarını keşfedin.

Aracı Kullan

Lighthouse (Chrome DevTools)

Chrome tarayıcısında yerleşik olarak gelen Lighthouse ile local ortamda test yapın. Performans, erişilebilirlik ve SEO raporları alın.

Dokümantasyon

Chrome User Experience Report

Milyonlarca Chrome kullanıcısından toplanan gerçek dünya performans verilerine erişin. Sektör ortalaması ile karşılaştırın.

CrUX Raporları

web.dev/measure

Google'ın kapsamlı test aracı ile Core Web Vitals analizi yapın. Adım adım iyileştirme kılavuzu ve öneriler alın.

Aracı Kullan

Web Vitals Extension

Chrome uzantısı ile gerçek zamanlı Core Web Vitals metriklerini görüntüleyin. Tarayıcıda gezinirken anlık performans verileri alın.

Uzantıyı İndir

Core Web Vitals Optimizasyonunun Faydaları

Neden Core Web Vitals'a yatırım yapmalısınız?

SEO Sıralaması Artışı

Google, Core Web Vitals'ı resmi sıralama faktörü olarak kullanır. İyi skorlar, aramadaki görünürlüğünüzü artırır.

Kullanıcı Deneyimi İyileştirme

Hızlı yüklenen ve sorunsuz çalışan siteler, kullanıcı memnuniyetini ve sadakatini artırır.

Dönüşüm Oranı Artışı

Her 100ms hız iyileştirmesi %1 dönüşüm artışı sağlar. Daha hızlı siteler, daha fazla satış demektir.

Bounce Rate Azalması

Yavaş siteler %53 daha yüksek terk oranına sahiptir. Optimizasyon ile ziyaretçileri sitenizde tutun.

Mobil Performans

Mobil kullanıcılar %70 trafik oluşturur. Core Web Vitals optimizasyonu ile mobil deneyimi mükemmelleştirin.

Rekabet Avantajı

Rakiplerinizden daha hızlı bir site ile pazarda öne çıkın ve kullanıcıları çekin.