First Contentful Paint (FCP)
Was ist der First Contentful Paint (FCP)?
First Contentful Paint (FCP) bezeichnet die Zeit vom Beginn eines Seitenaufrufs bis zur ersten sichtbaren Darstellung eines DOM-Inhalts. Als gut gilt ein FCP von höchstens 1,8 Sekunden. Werte zwischen 1,8 und 3,0 Sekunden benötigen Verbesserung, Werte über 3,0 Sekunden gelten als langsam.
Der First Contentful Paint (FCP), auf Deutsch einmalig als erste sichtbare Inhaltsdarstellung bezeichnet, zeigt, wann eine Webseite erstmals auf die Eingabe des Nutzers reagiert. Dafür muss ein sichtbarer Inhalt erscheinen, etwa Text, ein Bild, eine Hintergrundgrafik oder ein gezeichnetes SVG-Element. Eine reine Änderung der Hintergrundfarbe zählt nicht.
Was misst der First Contentful Paint?
Der First Contentful Paint beginnt mit dem Aufruf einer URL und endet, sobald der Browser das erste relevante Inhaltselement rendert. Benötigt eine Seite beispielsweise 1,4 Sekunden, bis eine Überschrift sichtbar wird, beträgt der FCP 1,4 Sekunden. Ob danach das Hauptbild, die Navigation oder ein Formular geladen ist, sagt die Kennzahl nicht aus.
Ein schneller FCP vermittelt dem Nutzer, dass die Webseite reagiert. Ein guter Wert bedeutet jedoch noch nicht, dass die Seite bereits verwendbar oder vollständig geladen ist. Eine Überschrift kann nach einer Sekunde erscheinen, während der eigentliche Produktbereich erst mehrere Sekunden später folgt. Prüfe den FCP deshalb gemeinsam mit weiteren Kennzahlen zur Ladeleistung.
FCP-Richtwerte richtig einordnen
Die Grenzwerte des First Contentful Paint teilen die Ladeleistung in drei Bereiche. Der Wert sollte nicht als Durchschnitt über alle Geräte betrachtet werden, weil langsame Smartphones, instabile Mobilfunkverbindungen und leistungsfähige Desktop-Systeme unterschiedliche Ergebnisse erzeugen.
| FCP-Wert | Bewertung | Handlung |
|---|---|---|
| Bis 1,8 Sekunden | Gut | Wert überwachen und bei technischen Änderungen erneut prüfen |
| Über 1,8 bis 3,0 Sekunden | Verbesserungswürdig | Serverantwort, CSS, JavaScript und Schriftarten analysieren |
| Über 3,0 Sekunden | Langsam | Renderpfad priorisieren und blockierende Ressourcen reduzieren |
Ein einzelner schneller Labortest belegt noch keinen dauerhaft guten First Contentful Paint. Labordaten entstehen unter festgelegten Bedingungen, während Felddaten echte Seitenaufrufe mit unterschiedlichen Geräten und Verbindungen abbilden. Weichen beide Datentypen voneinander ab, sind Felddaten für die tatsächliche Nutzererfahrung aussagekräftiger. Der Labortest bleibt nützlich, um technische Ursachen reproduzierbar zu untersuchen.
Was beeinflusst den FCP?
Der First Contentful Paint hängt vom gesamten Ablauf bis zum ersten Rendern ab. Der Server muss das HTML liefern, der Browser muss den Code verarbeiten und benötigte Ressourcen abrufen. Blockiert eine große CSS-Datei die Darstellung oder beschäftigt umfangreiches JavaScript den Hauptthread, verschiebt sich der sichtbare Seitenbeginn.
First Contentful Paint optimieren
Eine wirksame FCP-Optimierung verkürzt den kritischen Renderpfad. Dieser Pfad umfasst alle Schritte und Ressourcen, die der Browser vor der ersten sichtbaren Ausgabe benötigt. Kleine, früh verfügbare HTML- und CSS-Bestandteile helfen mehr als eine Optimierung von Dateien, die erst nach dem ersten Rendern geladen werden.
Messbar ist das zum Beispiel mit einem kostenlosen Ladezeiten-Check. Prüfe nicht nur die Startseite, sondern auch Kategorieseiten, Produktseiten und redaktionelle Vorlagen. Ein langsames Template kann Hunderte oder Tausende URLs betreffen. Für eine umfassendere technische Prüfung eignet sich zusätzlich ein SEO-Audit.
Prüfe den First Contentful Paint deiner Webseite direkt:
FCP, LCP und Speed Index
Der Unterschied zwischen First Contentful Paint und Largest Contentful Paint liegt im gemessenen Renderzeitpunkt. Der FCP endet beim ersten sichtbaren Inhalt. Der Largest Contentful Paint erfasst dagegen, wann das größte sichtbare Inhaltselement im anfänglichen Ansichtsbereich dargestellt wird. Eine frühe kleine Überschrift kann einen guten FCP erzeugen, obwohl das große Titelbild erst deutlich später erscheint.
Der Speed Index bewertet, wie schnell sich der sichtbare Bereich insgesamt füllt. Der First Contentful Paint betrachtet dagegen nur ein einzelnes erstes Ereignis. Der Time to First Byte endet bereits mit dem ersten vom Server empfangenen Datenbyte und liegt zeitlich vor dem FCP. Die Cumulative Layout Shift bewertet wiederum visuelle Verschiebungen und misst keine Ladezeit.
Relevanz für SEO, SEA und GEO
Der First Contentful Paint ist kein Core Web Vital und kein isolierter Nachweis für gute Rankings. Die Kennzahl eignet sich als Diagnosewert für die wahrgenommene Ladegeschwindigkeit. Für SEO zählt der Zusammenhang mit Nutzererfahrung, technischer Qualität und weiteren Leistungswerten. Eine technische Onpage-Optimierung sollte deshalb den gesamten Ladeablauf untersuchen.
Für SEA beeinflusst ein schneller Seitenbeginn, wie Nutzer eine Landingpage nach dem Anzeigenklick wahrnehmen. Ein guter FCP allein verbessert keine Kampagne, kann aber verhindern, dass Nutzer vor der Darstellung des Angebots abspringen. Vergleiche Ladeleistungsdaten daher mit Conversion-Rate, Absprungrate und Gerätetyp.
Für GEO, also Generative Engine Optimization, ist der First Contentful Paint keine direkte Zitierkennzahl. Schnelle, technisch sauber erreichbare Seiten erleichtern jedoch den stabilen Abruf von Inhalten durch Nutzer und automatisierte Systeme. Strukturierter, zugänglicher Content und technische Zuverlässigkeit sind für die Sichtbarkeit in Suchmaschinen und KI-Antworten gemeinsam relevant.
Wenn du Ladeleistung, technische SEO und Nutzerführung gemeinsam bewerten möchtest, kannst du einen kostenlosen Ausgangsstand anlegen.
Häufige Fragen zum First Contentful Paint
Was ist ein guter FCP-Wert?
Ein guter First Contentful Paint liegt bei höchstens 1,8 Sekunden. Werte über 1,8 bis 3,0 Sekunden gelten als verbesserungswürdig, Werte über 3,0 Sekunden als langsam. Maßgeblich ist das 75. Perzentil der erfassten Aufrufe.
Ist der First Contentful Paint ein Core Web Vital?
Nein, der First Contentful Paint gehört nicht zu den Core Web Vitals. Der FCP bleibt eine nützliche Diagnosekennzahl, weil er zeigt, wann Nutzer erstmals sichtbaren Inhalt erhalten.
Warum ist der FCP auf dem Smartphone langsamer?
Smartphones besitzen häufig weniger Rechenleistung und nutzen langsamere oder instabilere Verbindungen. Umfangreiches JavaScript, große Stylesheets und Webfonts wirken sich deshalb mobil oft stärker auf den First Contentful Paint aus.
Warum unterscheiden sich Laborwerte und echte Nutzerdaten?
Laborwerte entstehen mit einem festgelegten Gerät und einer simulierten Verbindung. Echte Nutzerdaten umfassen verschiedene Geräte, Standorte, Netzwerke und Cache-Zustände. Abweichungen zwischen beiden Datentypen sind deshalb normal.
Kann ein guter FCP mit einer langsamen Seite zusammenfallen?
Ja. Eine Seite kann früh eine kleine Überschrift anzeigen und trotzdem das Hauptbild oder den zentralen Inhalt spät laden. Ergänze den FCP deshalb durch Kennzahlen für Hauptinhalt, Interaktivität und Layout-Stabilität.
Welche Seiten sollte ich beim PageSpeed testen?
Teste mindestens die Startseite sowie je eine typische Kategorie-, Produkt-, Leistungs- und redaktionelle Seite. Seiten desselben Templates ähneln sich technisch, können wegen unterschiedlicher Bilder, Skripte und Inhalte trotzdem abweichende Werte liefern.
Sie haben noch Fragen?
