Web Sitesi Hız Optimizasyonu: Core Web Vitals'ı İyileştirmenin 8 Yolu
Core Web Vitals skorlarınızı iyileştirmek için uygulayabileceğiniz 8 pratik optimizasyon tekniği. Daha hızlı site = daha iyi sıralama = daha fazla gelir.
Hız Neden Bu Kadar Önemli?
Google, 2021'den itibaren Core Web Vitals'ı sıralama faktörü olarak kullanıyor. Daha da önemlisi: sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma oranı %32 artıyor, 10 saniyeye ulaştığında bu oran %123'e fırlıyor. Hız = Kullanıcı = Gelir.
Core Web Vitals Nedir?
LCP (Largest Contentful Paint): Ana içeriğin yüklenme süresi — 2.5 saniyenin altında olmalı. FID/INP (Interaction to Next Paint): Kullanıcı etkileşiminin yanıt süresi — 200ms altı hedef. CLS (Cumulative Layout Shift): Sayfa elemanlarının kayma miktarı — 0.1 altı ideal.
1. Görsel Optimizasyonu
Görseller sayfa ağırlığının %50-70'ini oluşturuyor. WebP formatına geçiş, lazy loading ve doğru boyutlandırma, bu yükü dramatik biçimde azaltır. Next.js'in yerleşik Image bileşeni bunu otomatik yapıyor.
2. CDN Kullanımı
Cloudflare veya Vercel Edge Network gibi CDN'ler, statik içerikleri kullanıcıya en yakın sunucudan sunar. Türkiye'deki kullanıcılar için Avrupa CDN noktaları, yükleme süresini %40-60 kısaltabiliyor.
3. JavaScript Optimizasyonu
Kullanılmayan JavaScript kodunu temizleyin (tree shaking), kritik olmayan scriptleri defer/async olarak yükleyin. Büyük kütüphaneler yerine (moment.js → date-fns) hafif alternatifleri tercih edin.
4. Önbellekleme Stratejisi
Statik varlıklar için uzun cache süreleri, API yanıtları için Redis önbelleği ve Service Worker ile offline-first yaklaşım, tekrar ziyaretlerde sayfa yüklemesini neredeyse anlık hale getirir.
5. Kritik CSS İnlining
Above-the-fold içeriklerin CSS'ini doğrudan HTML'e gömmek, render-blocking süresini ortadan kaldırır. Bu tek optimizasyon bile LCP skorunu önemli ölçüde iyileştirebilir.