Web Sitesi Performans Optimizasyonu: Core Web Vitals Rehberi
Web Performans Optimizasyonu Rehberi
Google artık sayfa deneyimini sıralama faktörü olarak kullanıyor. Core Web Vitals hedeflerinizi karşılamanız, hem kullanıcı memnuniyeti hem SEO için kritik.
Core Web Vitals
LCP (Largest Contentful Paint)
Hedef: 2.5 saniyenin altında
- Görselleri optimize edin (WebP/AVIF)
- Kritik CSS'i inline yapın
- Font preloading kullanın
- Server response süresini azaltın
INP (Interaction to Next Paint)
Hedef: 200ms altında
- JavaScript bundle'ları küçültün
- Uzun görevleri parçalayın
- Web Worker kullanın
CLS (Cumulative Layout Shift)
Hedef: 0.1'in altında
- Görsellere width/height belirtin
- Fontu local olarak yükleyin
- Dinamik içerik alanlarını ön belirleyin
Optimizasyon Araçları
- Lighthouse: Chrome DevTools içinde
- PageSpeed Insights: Gerçek kullanıcı verileri
- WebPageTest: Detaylı waterfall analizi
- GTmetrix: Kapsamlı performans raporu
Next.js Performans İpuçları
next/imageile otomatik görsel optimizasyonudynamic()import ile lazy loading- ISR (Incremental Static Regeneration)
- Edge Runtime kullanımı
Performans optimizasyonu için bize ulaşın.
Sıkça Sorulan Sorular
Core Web Vitals nedir?
Google'ın web sayfası deneyimini ölçmek için kullandığı 3 temel metriktir: LCP (yükleme hızı), INP (etkileşim tepkisi), CLS (görsel kararlılık).
Sayfa hızı SEO'yu etkiler mi?
Evet, Core Web Vitals Google'ın resmi sıralama faktörlerindendir. Yavaş siteler hem sıralamada hem dönüşüm oranında düşüş yaşar.
LCP nasıl iyileştirilir?
Görselleri WebP/AVIF formatına dönüştürün, kritik CSS'i inline yapın, sunucu yanıt süresini azaltın ve font preloading kullanın.
Hangi araçlarla performans ölçülür?
Google PageSpeed Insights (gerçek kullanıcı verisi), Lighthouse (lab verisi), WebPageTest (detaylı waterfall) ve GTmetrix kullanılabilir.