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.