LCP (Largest Contentful Paint), bir sayfanın açıldığı andan itibaren görünür alanda (viewport) en büyük içerik öğesinin (genellikle bir görsel, video veya büyük metin bloğu) tamamen render edilmesine kadar geçen süreyi ölçer.
Hedef değerler:
- İyi: 2.5 saniyenin altı
- İyileştirme gerekli: 2.5 – 4.0 saniye arası
- Kötü: 4.0 saniyenin üstü
LCP’yi yavaşlatan başlıca etkenler:
- Optimize edilmemiş büyük görseller
- Yavaş sunucu yanıt süresi (TTFB)
- Render-blocking JavaScript ve CSS
- Web font yüklemesinin gecikmesi
- Yavaş üçüncü parti scriptler
İpucu: LCP elementinizi belirleyin (Chrome DevTools > Performance) ve onu önceliklendirmek için fetchpriority="high" ve preload kullanın. Görsel ise WebP veya AVIF formatına dönüştürün.