First Contentful Paint (FCP)

First Contentful Paint (FCP) bezeichnet den Zeitpunkt, an dem der erste sichtbare Inhalt einer Webseite im Browser des Nutzers angezeigt wird. Dies ist das erste visuelle Zeichen für den Nutzer, dass die Seite lädt – sei es ein Text, ein Bild oder ein anderes Element. Die FCP ist eine wichtige Leistungsmetrik, die die wahrgenommene Ladegeschwindigkeit misst und direkt die Nutzererfahrung beeinflusst. Eine schnelle FCP reduziert die Wahrscheinlichkeit, dass Nutzer die Seite ungeduldig verlassen.

Bei der Messung wird die Zeit ab dem Moment des Seitenaufrufs bis zur erstmaligen Anzeige eines Pixel-Elements gezählt – unabhängig davon, ob die gesamte Seite vollständig geladen ist. Google misst FCP zusammen mit anderen Core Web Vitals-Metriken. Eine langsame FCP entsteht oft durch: große, unkomprimierte Bilddateien am Anfang der Seite, blockierendes JavaScript oder CSS, schlechte Server-Antwortzeiten (TTFB), oder nicht optimierte Schriftarten. Diese Faktoren verzögern die erste sichtbare Rendering-Aktivität erheblich.

Zur Optimierung der FCP sollten Website-Betreiber zunächst mit Google PageSpeed Insights oder Lighthouse einen Diagnose-Report erstellen. Konkrete Maßnahmen sind: Priorisieren Sie kritisches CSS und laden Sie es inline statt extern. Defer nicht kritisches JavaScript oder laden Sie es asynchron mit dem async/defer-Attribut. Optimieren und komprimieren Sie Bilder über Tools wie TinyPNG oder Imagemin. Nutzen Sie ein Content Delivery Network (CDN), um die Serverantwortzeit zu verkürzen. Bei Webfonts nutzen Sie font-display: swap, um Text während des Font-Ladens anzeigen zu können. Eine FCP unter 1,8 Sekunden ist laut Google-Benchmarks ein gutes Ziel.