İçeriğe geç
parazade
Dijital Pazarlama & SEO

FCP Nedir?

İngilizce: First Contentful Paint

Yayın: · Son güncelleme:

FCP Nedir? Kısaca

FCP (First Contentful Paint), kullanıcı bir sayfaya gittikten sonra ekranda ilk metin, görsel ya da başka bir içerik parçasının görüntülenmesine kadar geçen süreyi ölçen hız metriğidir.

FCP nedir?
İçindekiler
  1. FCP nedir?
  2. İyi değer kaçtır?
  3. FCP'yi ne geciktirir?
  4. Nasıl iyileştirilir?

FCP nedir?

FCP, "First Contentful Paint" ifadesinin kısaltmasıdır ve "ilk içerikli boyama" diye çevrilir. Kullanıcı sayfaya gittikten sonra ekranda ilk metnin, görselin ya da logonun ne zaman belirdiğini ölçer. Beyaz ekranın ne kadar sürdüğünü gösterir.

Kullanıcıya verdiği mesaj şudur: "Sayfa yükleniyor, bekleyin." Bu ilk işaret ne kadar erken gelirse kullanıcının sabrı o kadar uzun sürer.

İyi değer kaçtır?

Google'ın yönergelerine göre 1,8 saniye ve altı iyi, 1,8 ile 3 saniye arası iyileştirme gerekli, 3 saniyenin üstü kötüdür. Değerlendirme ziyaretlerin yüzde 75'lik dilimine göre yapılır.

FCP, Core Web Vitals metriklerinden biri değildir. Yine de PageSpeed Insights raporunda yer alır ve LCP sorunlarının kaynağını anlamaya yardım eder.

FCP'yi ne geciktirir?

Sunucunun geç yanıt vermesi ilk nedendir. Tarayıcı ilk baytı almadan hiçbir şey çizemez. İkinci neden, sayfanın çizilmesini engelleyen CSS ve JavaScript dosyalarıdır.

Varsayımsal bir örnekle, bir haber sitesi sayfanın başında altı farklı CSS dosyası ve iki büyük JavaScript kütüphanesi yüklüyor olsun. Tarayıcı bu dosyaların hepsini indirmeden ilk satırı gösteremez.

Nasıl iyileştirilir?

Sunucu yanıt süresini kısaltın. Kritik CSS'yi sayfaya gömün, geri kalanını sonra yükleyin. JavaScript dosyalarına defer ya da async ekleyin.

Yazı tipleri de FCP'yi etkiler. font-display: swap ayarı, özel yazı tipi yüklenene kadar metnin sistem yazı tipiyle görünmesini sağlar.

Sıkça Sorulan Sorular

FCP ile LCP arasındaki fark nedir?

FCP, ekranda herhangi bir içeriğin ilk belirdiği anı ölçer. LCP ise ana içeriğin, yani en büyük öğenin ne zaman göründüğüne bakar. FCP iyi olup LCP kötü olabilir; ilk logo hızlı gelir ama kapak görseli geç yüklenir.

FCP Core Web Vitals içinde mi?

Hayır. FCP, Core Web Vitals'ın üç metriği arasında değildir. Ancak PageSpeed Insights'ta raporlanır ve LCP sorunlarını teşhis etmek için yardımcı bir göstergedir.

İlgili terimler

LCP(Largest Contentful Paint)LCP (Largest Contentful Paint), bir sayfa açıldığında ekranda görünen en büyük görsel ya da metin bloğunun yüklenip görüntülenmesi için geçen süreyi ölçen Core Web Vitals metriğidir.TTFB(Time to First Byte)TTFB (Time to First Byte), tarayıcının bir sayfa için istek göndermesinden sunucudan gelen yanıtın ilk baytını almasına kadar geçen süredir; sunucu ve ağ tarafındaki hızın temel göstergesidir.Core Web VitalsCore Web Vitals, Google'ın bir web sayfasının yüklenme hızını, etkileşime tepki süresini ve görsel kararlılığını ölçen üç temel kullanıcı deneyimi metriğidir: LCP, INP ve CLS.Sayfa Hızı(Page Speed)Sayfa hızı, bir web sayfasının içeriğinin kullanıcının tarayıcısında ne kadar sürede yüklenip etkileşime hazır hâle geldiğidir; LCP, INP ve TTFB gibi metriklerle ölçülür.CSSCSS (Cascading Style Sheets, basamaklı stil şablonları), HTML ile oluşturulan web sayfalarının renk, yazı tipi, boşluk, yerleşim ve animasyon gibi görsel özelliklerini tanımlayan stil dilidir.JavaScriptJavaScript, web sayfalarına buton tıklaması, form doğrulama ve anlık güncelleme gibi etkileşimler kazandıran, tarayıcıların yanı sıra Node.js ile sunucuda da çalışabilen yaygın bir programlama dilidir.