Core Web Vitals nedir? LCP, CLS, INP rehberi

CWV metrikleri ve pratik iyileştirme önerileri.

26 Tem 2025·2 dk okuma

LCP (Largest Contentful Paint)

Genellikle kahraman görseli veya büyük bir başlık LCP'yi belirler. Kritik CSS içeriye alın, hero görselini önceliklendirip uygun boyutlandırın.

CLS (Cumulative Layout Shift)

Boyut rezervasyonu ekleyin, geç yüklenen fontlarda font-display: swap kullanın, üçüncü taraf widget'lar için kapsayıcı alan ayırın.

INP (Interaction to Next Paint)

Olay dinleyicilerini optimize edin, uzun görevleri bölün, hydration ve client JS boyutunu düşürün. Lazy-import ve kod bölme uygulayın.

Ölçüm

CrUX, PageSpeed Insights ve Web‑Vitals kütüphanesi ile saha verisini toplayın.