Was ist First Contentful Paint?

FCP umfasst in Felddaten auch Weiterleitungen, Verbindungsaufbau und Time to First Byte. Er unterscheidet sich von First Paint, Largest Contentful Paint und Interaction to Next Paint. web.dev nennt 1,8 Sekunden oder weniger am 75. Perzentil, getrennt nach Mobil und Desktop, als guten Orientierungswert; einzelne Labormessungen sind kein Nutzerbericht.

Die schnelle Definition

First Contentful Paint, kurz FCP, misst die Zeit vom Navigationsbeginn bis der Browser erstmals Inhalt aus dem Dokument rendert. Als contentful gelten unter anderem Text, Bilder, SVG-Elemente, nicht leere Canvas-Inhalte und bestimmte Hintergrundbilder. FCP zeigt den Beginn sichtbarer Reaktion, nicht die Vollständigkeit oder Nutzbarkeit der Seite.

Warum ist First Contentful Paint wichtig?

Die Metrik hilft, lange leere Anfangsphasen zu erkennen und ihre Ursachen entlang Serverantwort, kritischem Renderingpfad, CSS, Schriften, JavaScript und sichtbaren Ressourcen einzugrenzen. Eine Optimierung darf keinen bedeutungslosen Platzhalter bevorzugen, der die Kennzahl verbessert, ohne den wahrgenommenen Fortschritt zu erhöhen.

So wird First Contentful Paint in der Praxis eingesetzt

1. Felddaten segmentieren: 75. Perzentil nach Geräteklasse und wichtigen Seitentypen betrachten; Stichprobengröße und Messzeitraum dokumentieren.
2. Kette zerlegen: Redirects, DNS und Verbindung, TTFB, render-blockierendes CSS, Schriften, JavaScript und erstes sichtbares Inhaltselement untersuchen.
3. Kritischen Pfad verkürzen: unnötige Weiterleitungen, Serverlatenz, blockierende Ressourcen und ungenutzten Code gezielt reduzieren; wichtige Ressourcen passend priorisieren.
4. Wirkung kontrollieren: FCP gemeinsam mit LCP, CLS, INP, Fehlern und visueller Nutzbarkeit vor und nach der Änderung in Feld und Labor vergleichen.

Praxisbeispiel

Eine Landingpage hat im Labor einen schnellen Server, bleibt mobil aber lange leer. Der Wasserfall zeigt eine externe Schrift und umfangreiches CSS vor dem ersten Text. Nach lokaler Schriftbereitstellung, reduziertem kritischem CSS und entferntem ungenutztem Code verbessert sich das mobile FCP-Perzentil, ohne Inhalt zu verstecken.

Häufige Fehler

• Ein unsichtbarer oder bedeutungsloser Inhalt wird früh gerendert, um FCP zu verkürzen, obwohl Nutzer weiterhin keine hilfreiche Rückmeldung sehen.
• Ein einzelner schneller Lighthouse-Lauf wird als dauerhafte Leistung für alle Nutzer, Regionen, Geräte und Seitentypen ausgegeben.
• FCP wird mit LCP oder vollständiger Interaktivität verwechselt und ohne TTFB, Layoutstabilität sowie Reaktionsfähigkeit optimiert.

Bedeutung für Google, Bing und KI-Suchsysteme

FCP ist eine nützliche Diagnosemetrik, aber kein Core Web Vital und kein isolierter Rankinghebel. Google verwendet für die Page Experience die ausgewiesenen Core Web Vitals. Schneller sichtbarer Fortschritt kann Nutzererfahrung verbessern; Rankings oder ein PageSpeed-Wert von 100 sind dadurch nicht garantiert.

Verwandte Begriffe

• Flash of Faux Text
• Event Timing API
• Font Fallback
• Element Render Delay
• Font Preload
• Dynamic Import

Zusammenfassung: First Contentful Paint markiert den ersten gerenderten Text- oder Bildinhalt nach Navigationsbeginn. Die Kennzahl beschreibt sichtbaren Start, nicht Hauptinhalt oder Interaktivität. Felddaten am 75. Perzentil, kritischer Renderingpfad und gemeinsame Bewertung mit LCP, CLS und INP liefern den nötigen Kontext.