Performans izleme ve Core Web Vitals rehberi

Core Web Vitals, Google'ın sayfa deneyimi sinyalleridir: LCP (yükleme), INP (etkileşim gecikmesi) ve CLS (görsel stabilite). SEO danışmanlığı ve teknik geliştirme birlikte planlandığında bu metrikler hem sıralama hem dönüşüm için kritik önem taşır.

Metriklerin anlamı

• LCP (Largest Contentful Paint): Ana içeriğin görünür olma süresi — hedef ≤ 2.5s
• INP (Interaction to Next Paint): Etkileşim yanıt gecikmesi — hedef ≤ 200ms
• CLS (Cumulative Layout Shift): Beklenmedik layout kayması — hedef ≤ 0.1

Lab vs. field (RUM)

Lighthouse laboratuvar ortamında sentetik ölçüm yapar; gerçek cihaz, ağ ve coğrafya çeşitliliğini yansıtmaz. Search Console Core Web Vitals raporu ve RUM araçları (web-vitals kütüphanesi, analytics entegrasyonu) field verisini sağlar. İkisini birlikte kullanın.

İyileştirme checklist

1. Görseller: modern format (WebP/AVIF), boyut, lazy load, priority LCP görseli
2. Font: subset, preload, font-display: swap
3. JS: code splitting, üçüncü parti script audit, defer non-critical
4. CSS: critical CSS, unused CSS temizliği
5. CDN ve edge cache

Performans bütçesi

CI pipeline'da JS bundle boyutu, Lighthouse skoru eşiği tanımlayın. Regresyon PR'da fail etsin. Bakım paketleri ile aylık performans review yapılabilir.

Sonuç

Performans tek seferlik optimizasyon değil; sürekli izleme disiplinidir. Jettfy web uygulama projelerinde Core Web Vitals hedeflerini geliştirme sürecine gömer.