FCP, İngilizce first contentful paint ifadesinin kısaltmasıdır: sayfa yüklenmeye başladıktan sonra ekranda herhangi bir içeriğin, yani ilk metin parçasının ya da görselin görünmesine kadar geçen süre. Boş ekranın bittiği andır.
LCP ile farkı ne?
LCP en büyük öğenin ne zaman göründüğünü, FCP ise ilk öğenin ne zaman göründüğünü ölçer. İkisi arasındaki mesafe size doğrudan bir şey söyler:
- FCP hızlı, LCP yavaş. Sayfa çizilmeye başlamış ama asıl öğe geç geliyor. Sorun büyük ihtimalle kapak görselinde.
- İkisi de yavaş. Sorun daha erkende: sunucu yanıtı ya da render’ı bloklayan kaynaklar.
Bu yüzden tanı koyarken önce FCP’ye bakıyorum. Hangi katmana dokunacağımı bana o söylüyor.
Eşik kaç?
Google’ın ölçütü 1,8 saniye ve altı iyidir; 3 saniyenin üstü kötü sayılır. Değerlendirme diğer hız ölçütleri gibi gerçek kullanıcıların 75’inci yüzdeliği üzerinden yapılır.
Temel hız ölçütlerinden değil, yine de önemli
Google’ın sıralamada kullandığı üç temel ölçüt LCP, INP ve CLS. FCP bu üçlüye dahil değil; TTFB gibi bir tanı ölçütü. Doğrudan sıralama etkisi aramayın, ama yavaşlığın nereden geldiğini bulmak için ikisi de vazgeçilmez.
Neyi hızlandırır?
- Sunucunun ilk yanıtını hızlandırmak; FCP her zaman TTFB’nin üstüne biner.
- Render’ı bloklayan CSS ve JavaScript sayısını azaltmak.
- İlk boyamada gerekmeyen stilleri bloklamayacak biçimde yüklemek.
- Yazı tiplerinde metnin beklemek yerine yedek yazı tipiyle çizilmesini sağlamak.