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“
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.