Kontakt
Was interessiert Sie?
FCP (First Contentful Paint).
FCP misst, wie lange es dauert, bis der erste sichtbare Inhalt (Text, Bild, SVG) im Browser erscheint. Zielwert: unter 1.8 Sekunden. FCP ist ein Unterpunkt von Core Web Vitals und beeinflusst die wahrgenommene Ladegeschwindigkeit — also wie 'schnell' sich Ihre Website anfühlt.
FCP (First Contentful Paint) — ausführlich erklärt
FCP (First Contentful Paint) misst die Zeit vom Seitenaufruf bis zu dem Moment, in dem der erste sichtbare Inhalt im Browser erscheint — sei es Text, ein Bild, ein SVG oder Canvas-Inhalt. Es ist der Moment, in dem der Nutzer zum ersten Mal sieht, dass die Seite 'lebt' und lädt. Ein gutes FCP liegt unter 1.8 Sekunden; 1.8–3 Sekunden gilt als verbesserungswürdig, über 3 Sekunden als schlecht.
FCP unterscheidet sich vom LCP (Largest Contentful Paint): FCP misst den ersten sichtbaren Inhalt, LCP misst den grössten. Beide sind im PageSpeed Insights Bericht sichtbar. FCP beeinflusst die wahrgenommene Performance erheblich: Menschen nehmen Seiten als schneller wahr, wenn schon früh etwas erscheint — selbst wenn das vollständige Laden noch dauert. Deshalb sind Techniken wie Critical CSS (wichtigster CSS inline laden) und Server-Side Rendering so wirkungsvoll.
Massnahmen zur FCP-Verbesserung: Server-Response-Time reduzieren (TTFB optimieren), kritisches CSS direkt im HTML inline-laden (kein render-blocking), JavaScript asynchron laden, Webfonts schneller ausliefern (font-display: swap, Preloading), und Content Delivery Network nutzen für schnellere erste Byte-Lieferung. DLM Digital misst FCP für alle Projekte und optimiert auf Werte unter 1 Sekunde.
Weiterführende Seite
Core Web VitalsHäufige Fragen zu FCP (First Contentful Paint)
FCP (First Contentful Paint) misst, wann der erste sichtbare Inhalt erscheint — egal wie klein. LCP (Largest Contentful Paint) misst, wann das grösste Element (Bild, Text-Block) sichtbar ist. LCP ist der wichtigere Core Web Vital, da er den 'Hauptinhalt' misst. FCP gibt früher Feedback und ist ein guter Indikator für die wahrgenommene Ladegeschwindigkeit.
Wichtigste Massnahmen: 1) TTFB verbessern (Server-Response-Time). 2) Kritisches CSS inline laden — verhindert render-blocking. 3) JavaScript nicht render-blockend laden (defer/async). 4) Webfonts mit font-display: swap laden. 5) CDN nutzen. 6) Bei Single-Page-Apps: Server-Side Rendering oder Static Site Generation nutzen, damit beim ersten Aufruf schon HTML geliefert wird.
FCP ist kein direkter Google-Ranking-Faktor — das ist LCP. Aber FCP korreliert stark mit den Core Web Vitals und der allgemeinen Page Experience. Eine langsame FCP deutet oft auf tieferliegende Performance-Probleme hin, die sich auf LCP und INP auswirken. Im PageSpeed Insights Bericht fliesst FCP in den Performance-Score ein.
Weitere Begriffe mit „F“
First-Party Data
First-Party Data sind Daten, die ein Unternehmen direkt von seinen eigenen Kunden und Website-Besuch...
Funnel (Marketing Funnel)
Ein Marketing Funnel (Trichter) visualisiert die Customer Journey von der ersten Berührung bis zum K...
Featured Snippet
Ein Featured Snippet ist eine hervorgehobene Antwortbox ganz oben in den Google-Ergebnissen — noch ü...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.