Zurück zum Glossar

Begriff

FCP (First Contentful Paint)

FCP misst, wann der Browser das erste sichtbare DOM-Element rendert (Text, Bild, SVG). "Good" bei ≤ 1,8 s. Frühestes Signal für den Nutzer, dass die Seite reagiert — kein Core Web Vital, aber wichtige PageSpeed-Metrik.

FCP — ausführlicher erklärt

FCP (First Contentful Paint) ist der Zeitpunkt, an dem der Browser das erste sichtbare Content-Element rendert: Text, ein Bild, ein nicht-leeres <canvas>, ein SVG-Element. Hintergrundfarben oder leere <div>s zählen nicht.

Google klassifiziert FCP-Werte nach CrUX-Felddaten: ≤ 1,8 s = good, ≤ 3,0 s = needs improvement, > 3,0 s = poor. FCP ist nicht Teil der Core Web Vitals (das sind LCP, INP, CLS), wird aber in Lighthouse, PageSpeed Insights und Search-Console-Reports prominent ausgegeben — als Indikator dafür, ob die Seite zumindest “anfängt zu erscheinen”.

Beispiel / Praxisbezug

Eine Site mit Render-Blocking-Webfont (kein font-display: swap) zeigt 2,5 s lang einen unsichtbaren Text — FCP wartet, bis die Schrift geladen ist. Lösung: font-display: swap, Font-Preload, oder System-Fonts. FCP fällt auf < 1 s, der Nutzer sieht sofort den Inhalt.

Abgrenzung zu ähnlichen Begriffen

LCP misst das größte sichtbare Element — FCP das erste. TTFB liegt davor (Server-Antwort). TTI (Time to Interactive) liegt danach (Seite reagiert auf Eingaben).

Entdecke mehr