Core Web Vitals Neden Önemli?

Google sıralama algoritması kullanıcı deneyimini doğrudan ölçer. Düşük sayfa hızı; yüksek hemen çıkma oranı ve ciro kaybı demektir. Bu rehber, sitenizi modern trendler doğrultusunda optimize etmeniz için gereken teknik adımları içerir.

1. Largest Contentful Paint (LCP) Optimizasyonu

LCP, ana içeriğin yüklenme süresidir. Hedef: < 2.5 saniye.

Uygulama Adımları:

Görsel Boyutlandırma: WebP veya AVIF formatı kullanın. Klasik PNG/JPEG formatlarını terk edin.
Hero Görselini Preload Edin: Sayfa başındaki kritik görseli önceden çağırın.
<link rel='preload' fetchpriority='high' as='image' href='hero.webp' type='image/webp'>
Render-Blocking Kaynakları Kaldırın: Kritik olmayan CSS ve JS dosyalarını erteleyin (defer veya async).
CDN Entegrasyonu: Statik dosyaları Cloudflare, CloudFront gibi kenar sunuculardan dağıtın.

2. Interaction to Next Paint (INP) Optimizasyonu

INP, FID metriğinin yerini alan yeni standarttır. Sayfadaki tüm etkileşimlerin gecikmesini ölçer. Hedef: < 200 ms.

Uygulama Adımları:

Uzun Görevleri (Long Tasks) Bölün: 50ms üzerindeki JavaScript iş parçacıklarını setTimeout veya scheduler.yield() ile parçalayın.
Kullanılmayan JS Kodunu Temizleyin: Paket boyutunu (bundle size) analiz edin. Ağır kütüphaneleri dinamik import() ile yükleyin.
Web Workers Kullanın: Ağır hesaplama işlemlerini ana UI iş parçacığından ayırın.

3. Cumulative Layout Shift (CLS) Optimizasyonu

Sayfa yüklenirken öğelerin beklenmedik şekilde kaymasını ölçer. Hedef: < 0.1.

Uygulama Adımları:

Görsellere ve Videolara Boyut Verin: HTML içinde width ve height özniteliklerini mutlaka belirtin veya CSS aspect-ratio kullanın.
Reklam ve İframe Alanlarını Sabitleyin: Dinamik yüklenen bileşenler için önceden minimum yükseklik (min-height) tanımlayın.
Web Font Kaymalarını Önleyin: font-display: swap ile birlikte fallback font boyutlarını eşitleyin (size-adjust).

4. Sunucu Yanıt Süresi (TTFB) İyileştirme

TTFB, sunucunun ilk baytı gönderme süresidir. Hedef: < 800 ms.

Sayfa önbellekleme (Edge Caching / Varnish / Redis) aktif edin.
Veritabanı sorgularını indeksleyin ve optimize edin.
Sunucuda HTTP/2 veya HTTP/3 protokolüne geçin.

Dijital Strateji ve Gelecek Trendler

Performans tek seferlik bir işlem değil, sürekli bir dijital strateji sürecidir. Modern web trendleri, sunucusuz mimariler (Serverless) ve uç bilişim (Edge Computing) yönünde ilerlemektedir.

Lighthouse, PageSpeed Insights ve Chrome UX Report (CrUX) verilerini düzenli takip edin. Core Web Vitals kriterlerine uyum, SEO başarısının temel taşıdır.