Core Web Vitals Nedir?
Google, 2021'den itibaren Core Web Vitals metriklerini sıralama faktörü olarak kullanmaya başladı. Bu üç temel metrik; yükleme performansı, etkileşim hızı ve görsel kararlılığı ölçüyor.
LCP — Largest Contentful Paint
Sayfadaki en büyük içerik öğesinin (genellikle hero görseli veya başlık) ekranda görünmesi için geçen süredir. Hedef: 2.5 saniyenin altı.
LCP'yi iyileştirmek için:
- Görselleri WebP formatına dönüştürün
- Lazy loading'i doğru uygulayın (hero görselinde lazy loading kullanmayın!)
- CDN kullanarak sunucu yanıt süresini düşürün
- CSS'i kritik ve kritik olmayan olarak ayırın
INP — Interaction to Next Paint
Kullanıcının bir etkileşimi (tıklama, klavye girişi) ile tarayıcının bunu görsel olarak yansıtması arasındaki süredir. FID'in yerini alan bu metrik için hedef: 200ms altı.
CLS — Cumulative Layout Shift
Sayfa yüklenirken elementlerin beklenmedik şekilde yer değiştirmesidir. Kullanıcı bir butona tıklarken reklam yükleniyor ve buton kayıyor — işte bu CLS. Hedef: 0.1'in altı.
Hız Testleri Nasıl Yapılır?
Sitenizi test etmek için şu araçları kullanabilirsiniz:
- Google PageSpeed Insights — En yetkili kaynak, gerçek kullanıcı verileri
- GTmetrix — Detaylı şelale analizi
- WebPageTest — Farklı lokasyonlardan test
- Lighthouse — Chrome DevTools'da yerleşik
Hız İyileştirme Kontrol Listesi
- Görselleri WebP/AVIF formatına dönüştür ve sıkıştır
- JavaScript dosyalarını defer/async ile yükle
- CSS'de kullanılmayan kuralları temizle (PurgeCSS)
- HTTP/2 veya HTTP/3 protokolü kullan
- Browser caching'i ayarla (1 yıl statik dosyalar için)
- TTFB'yi 200ms altına düşür (sunucu optimizasyonu)
- Font dosyalarını preload et
- Third-party script'leri facade pattern ile yükle
Yavaş Site Ne Kadar Zararlı?
Amazon'un araştırmasına göre 100ms gecikme %1 gelir kaybına yol açıyor. Türkiye'deki mobil kullanıcıların %53'ü 3 saniyeden uzun süren sayfaları terk ediyor. Sitenizin hızını artırmak doğrudan dönüşüm oranını etkiliyor.
