First Contentful Paint (FCP)

Was ist First Contentful Paint (FCP)?

First Contentful Paint (FCP), auf Deutsch etwa "erstes inhaltliches Rendern", ist ein Messwert für die Ladegeschwindigkeit einer Webseite. Er misst die Zeit vom Beginn des Seitenaufrufs bis zu dem Moment, in dem der Browser den allerersten Inhalt darstellt, also das erste Mal etwas Sichtbares auf dem zuvor leeren Bildschirm erscheint. Dieser erste Inhalt kann ein Text, ein Bild, eine Grafik oder ein anderes nicht-weißes Element sein.

FCP beantwortet damit aus Nutzersicht eine entscheidende Frage: "Passiert überhaupt etwas?" Es ist der Moment, in dem ein Besucher zum ersten Mal eine Rückmeldung erhält, dass die Seite lädt, und nicht mehr nur auf einen leeren Bildschirm blickt. Damit ist FCP ein wichtiger Indikator für die gefühlte Geschwindigkeit einer Webseite.

Welche Werte sind gut?

Google gibt für FCP klare Richtwerte vor, gemessen wird in Sekunden:

• Gut: unter 1,8 Sekunden
• Verbesserungswürdig: zwischen 1,8 und 3,0 Sekunden
• Schlecht: über 3,0 Sekunden

Je schneller der erste Inhalt erscheint, desto eher fühlt sich eine Seite reaktionsschnell an und desto geringer ist das Risiko, dass ungeduldige Besucher vorzeitig abspringen.

Der Unterschied zu Largest Contentful Paint (LCP)

FCP wird leicht mit dem bekannteren Largest Contentful Paint (LCP) verwechselt. Beide messen Ladezeitpunkte, aber unterschiedliche:

• First Contentful Paint (FCP): Wann erscheint das allererste Stück Inhalt? Das kann auch ein kleines Element sein, etwa eine erste Textzeile.
• Largest Contentful Paint (LCP): Wann ist das größte, wichtigste Inhaltselement geladen, etwa das große Titelbild oder die Hauptüberschrift?

FCP tritt also immer früher ein als LCP. Vereinfacht: FCP markiert das erste Lebenszeichen der Seite, LCP den Moment, in dem der Hauptinhalt sichtbar ist.

Wichtig: FCP ist kein Core Web Vital

Ein häufiger Irrtum: FCP gehört nicht zu den drei Core Web Vitals. Diese sind LCP (Ladeleistung), INP (Reaktionsfähigkeit) und CLS (visuelle Stabilität). FCP ist also kein direkter, eigenständiger Rankingfaktor. Es ist vielmehr ein ergänzender, diagnostischer Messwert, den Google in Werkzeugen wie PageSpeed Insights und Lighthouse ausweist. Seine Bedeutung liegt darin, dass es eng mit der allgemeinen Ladeleistung zusammenhängt: Ein schlechter FCP zieht oft auch einen schlechten LCP nach sich. Wer den FCP verbessert, verbessert damit in der Regel auch die für das Ranking relevanten Core Web Vitals.

Was verlangsamt den FCP?

Die häufigsten Ursachen für einen langsamen First Contentful Paint sind:

• Langsame Serverantwort: Reagiert der Server träge, verzögert sich alles Weitere. Diese erste Wartezeit wird auch als Time to First Byte (TTFB) bezeichnet.
• Render-blockierende Ressourcen: CSS- und JavaScript-Dateien, die geladen und verarbeitet werden müssen, bevor der Browser überhaupt etwas anzeigen kann.
• Langsam ladende Schriften: Wenn der Text erst erscheint, nachdem eine externe Schriftart geladen wurde, verzögert das den sichtbaren Inhalt.
• Zu viel Code im Startbereich: Aufgeblähter oder unoptimierter Code, der vor der ersten Darstellung abgearbeitet werden muss.

Wie verbessert man den FCP?

• Serverantwort beschleunigen: Ein gutes Hosting, Caching und der Einsatz eines Content Delivery Networks (CDN) verkürzen die erste Wartezeit.
• Render-blockierenden Code reduzieren: CSS und JavaScript optimieren, zusammenfassen und, wo möglich, nicht sofort benötigte Skripte verzögert laden.
• Kritisches CSS bevorzugt laden: Die Stilangaben für den sofort sichtbaren Bereich zuerst bereitstellen, damit der Browser früher rendern kann.
• Schriften optimieren: Schriftarten effizient einbinden und dafür sorgen, dass Text auch während des Ladens bereits angezeigt wird.
• Browser-Caching nutzen: Damit wiederkehrende Besucher Ressourcen nicht erneut laden müssen.

Labordaten und Felddaten

Wie bei anderen Performance-Werten unterscheidet man auch beim FCP zwischen Labordaten (simulierte Tests unter standardisierten Bedingungen, etwa in Lighthouse) und Felddaten (echte Messwerte realer Nutzer). Beide sind nützlich: Labordaten helfen bei der gezielten Fehlersuche während der Entwicklung, während Felddaten zeigen, wie schnell die Seite für die tatsächlichen Besucher erscheint.

Fazit

First Contentful Paint misst, wie schnell nach dem Seitenaufruf der erste sichtbare Inhalt erscheint, und ist damit ein wichtiger Indikator für die gefühlte Geschwindigkeit und den ersten Eindruck einer Webseite. Anders als der bekannte LCP markiert FCP bereits das erste Lebenszeichen der Seite, nicht das Laden des Hauptinhalts. Wichtig zur Einordnung: FCP ist kein Core Web Vital und kein direkter Rankingfaktor, hängt aber eng mit der gesamten Ladeleistung zusammen. Wer den FCP durch eine schnelle Serverantwort, weniger render-blockierenden Code und optimierte Schriften verbessert, sorgt für einen besseren ersten Eindruck und verbessert damit meist auch die ranking-relevanten Core Web Vitals.