Core Web Vitals Nedir?

Core Web Vitals, Google'ın web sayfalarının kullanıcı deneyimini ölçmek için kullandığı üç temel metrik grubudur. Bu metrikler, sayfa yükleme hızı, etkileşim hızı ve görsel kararlılığı ölçer. 2021 yılından itibaren Core Web Vitals, Google'ın sıralama faktörleri arasına alınmıştır ve SEO performansınızı doğrudan etkiler.

Core Web Vitals Metrikleri

LCP (Largest Contentful Paint)

LCP, sayfanın ana içeriğinin ne kadar sürede yüklendiğini ölçer. Bu metrik, kullanıcının sayfanın yüklendiğini algıladığı anı temsil eder. LCP, sayfadaki en büyük görsel veya metin bloğunun görüntülenme süresini ölçer.

LCP Değerleri:

FID (First Input Delay)

FID, kullanıcının sayfayla ilk etkileşiminden (tıklama, dokunma, klavye girişi) sayfanın yanıt verme süresini ölçer. Bu metrik, sayfanın ne kadar hızlı etkileşime geçebildiğini gösterir.

FID Değerleri:

CLS (Cumulative Layout Shift)

CLS, sayfa yüklenirken içeriğin ne kadar kaydığını ölçer. Bu metrik, görsel kararlılığı değerlendirir ve kullanıcı deneyimini etkiler. Yüksek CLS değeri, kullanıcıların yanlış butonlara tıklamasına veya içeriği kaybetmesine neden olabilir.

CLS Değerleri:

LCP Optimizasyonu

Görsel Optimizasyonu

LCP'yi iyileştirmek için görsellerinizi optimize edin:

Sunucu Yanıtı Optimizasyonu

Sunucu yanıt süresini azaltın:

JavaScript Optimizasyonu

JavaScript yükleme süresini azaltın:

FID Optimizasyonu

JavaScript Yükleme Stratejileri

FID'i iyileştirmek için JavaScript yükleme stratejilerinizi optimize edin:

Uzun Görevlerin Önlenmesi

Uzun JavaScript görevleri FID'i olumsuz etkiler:

CLS Optimizasyonu

Görsel Boyutlandırma

CLS'yi iyileştirmek için görsellerinize boyut belirtin:

Reklam ve iframe Optimizasyonu

Reklamlar ve iframe'ler CLS'ye neden olabilir:

Font Yükleme Optimizasyonu

Web fontları CLS'ye neden olabilir:

Performans Ölçüm Araçları

Google PageSpeed Insights

PageSpeed Insights, Core Web Vitals metriklerinizi ölçmenizi sağlar:

Google Search Console

Search Console'da Core Web Vitals raporu:

Chrome DevTools

Chrome DevTools ile performans analizi:

Hız Optimizasyonu Teknikleri

Kod Optimizasyonu

Kodunuzu optimize edin:

Önbellekleme (Caching)

Önbellekleme stratejileri:

Kritik Yol Optimizasyonu

Kritik rendering path'i optimize edin:

Mobil Optimizasyon

Mobil cihazlar için özel optimizasyonlar: