Core Web Vitals Google'ın kullanıcı deneyimi metriklerini somutlaştıran 3 ana sinyaldir. Her biri kendi eşiğine sahip:
- LCP (Largest Contentful Paint): 2.5s altı "good"
- CLS (Cumulative Layout Shift): 0.1 altı "good"
- INP (Interaction to Next Paint): 200ms altı "good"
LCP nasıl düşürülür?
Cover image'a priority prop'u verin; Next.js <Image> otomatik preload eder. CDN'den servis edin, WebP kullanın.
CLS'yi sıfıra indirmek
Her <img> ve <iframe>'e width ve height verin. Font swap flash'ı next/font ile engelleyin.
INP neden FID'in yerine geçti?
INP tüm etkileşimleri ölçer (tıklama, klavye, tap), sadece ilkini değil. Heavy JavaScript'i Web Worker'a taşımak INP'yi iyileştirir.
Son güncelleme: