First Contentful Paint (FCP) Nedir?
İlk içerik görünme süresi. FCP. Render. Yükleme.
Neden Önemlidir?
İlk algı. Yükleme hissi. LCP ile ilişkili. Kullanıcı deneyimi.
Nasıl Çalışır?
Sayfa yüklenir. İlk DOM içeriği paint. Süre = FCP. 75. persentil.
Dikkat Edilmesi Gerekenler
- FCP Core Web Vitals'tan değil; LCP, INP, CLS.
- FCP iyi, LCP kötü olabilir; ayrı optimize.
- Render-blocking CSS, JS FCP'yi geciktirir.
Sık Sorulan Sorular
FCP ve LCP farkı?
FCP: ilk içerik. LCP: en büyük içerik. FCP daha erken. LCP Core Web Vitals; FCP değil.
FCP nasıl iyileştirilir?
Critical CSS. Render-blocking azalt. Server response. CDN. Minification. İlk render hızlandır.
FCP hedef değer?
<1.8s iyi. 1.8-3s iyileştir. >3s kötü. Lighthouse.