Core Web Vitals nedir?
Google’ın kullanıcı deneyimini ölçmek için kullandığı (LCP, INP, CLS) metrikleridir. Amaç: sayfa hızlı açılır, etkileşimler gecikmez ve içerik zıplamaz.
LCP (Largest Contentful Paint) – “İlk büyük içerik ne kadar hızlı geldi?”
- Hero görselini optimize edin (WebP/AVIF, doğru boyut).
- Render-blocking CSS/JS azaltın, kritik CSS’i öne alın.
- Sunucu yanıt süresini düşürün (cache, CDN, LiteSpeed/NGINX).
INP (Interaction to Next Paint) – “Tıklayınca ne kadar hızlı tepki veriyor?”
- Ağır JS paketlerini bölün (code-splitting).
- 3rd-party script’leri (chat, pixel) geciktirin.
- Uzun task’ları parçalayın; event handler’ları sadeleştirin.
CLS (Cumulative Layout Shift) – “Sayfa zıplıyor mu?”
- Görsel/video için width/height belirleyin.
- Font yüklemede swap kullanın, geç gelen font zıplatmasın.
- Dinamik banner/CTA alanlarına sabit yükseklik verin.
Uygulama notu: Lighthouse + PageSpeed + gerçek kullanıcı verisi (CrUX) ile ölçüp, sprint sprint iyileştirmek en hızlı yol.
