call Kontakt
speed Optimierungstipps

First Contentful Paint (FCP) : Warum Websites zu langsam mit dem Rendering beginnen

Der First Contentful Paint (FCP) ist einer der zentralen Ladezeit-Kennwerte und misst, wie lange es dauert, bis der Browser erstmals sichtbare Inhalte darstellt. Wir zeigen die häufigsten Ursachen für einen schlechten FCP – und konkrete Lösungen für TYPO3-Websites.

history Letzte Änderung: 21.08.2026

Was ist der First Contentful Paint (FCP)?

Der First Contentful Paint (FCP) misst die Zeit vom Aufruf einer Webseite bis zu dem Moment, an dem der Browser erstmals sichtbare Inhalte darstellt. Das kann bereits eine Überschrift, ein Logo, ein Bild oder ein anderer sichtbarer Inhalt sein.

Der FCP vermittelt dem Besucher den ersten Eindruck, dass die Seite lädt und reagiert. Auch wenn die Website zu diesem Zeitpunkt noch nicht vollständig nutzbar ist, wirkt sie deutlich schneller, sobald der erste Inhalt erscheint.

flag

Zielwerte: Gut: bis 1,8 Sekunden · Verbesserungswürdig: 1,8–3,0 Sekunden · Schlecht: über 3,0 Sekunden.

search Ursachen

Die häufigsten Ursachen für einen schlechten FCP

  1. Langsame Serverantwort (TTFB): Bevor der Browser überhaupt mit dem Rendern beginnen kann, muss der Webserver die HTML-Seite ausliefern. Eine hohe Time to First Byte (TTFB) verzögert automatisch auch den FCP.

    Typische Ursachen:

    • langsames Hosting
    • fehlendes Seiten-Caching
    • aufwendige Datenbankabfragen
    • schlecht optimierte TYPO3-Extensions

  2. Render-blockierendes CSS: Der Browser muss CSS-Dateien zunächst herunterladen und verarbeiten, bevor er Inhalte darstellen kann. Große Stylesheets verzögern daher den ersten sichtbaren Inhalt.

    Optimierung:

    • Critical CSS verwenden
    • CSS-Dateien zusammenfassen und verkleinern
    • nicht benötigte Styles entfernen

  3. Blockierendes JavaScript: JavaScript im <head> kann das Rendering vollständig anhalten, bis die Dateien geladen und ausgeführt wurden.

    Optimierung:

    • defer oder async verwenden
    • JavaScript möglichst ans Ende der Seite verschieben
    • unnötige Bibliotheken entfernen

  4. Zu viele externe Ressourcen: Fonts, Tracking-Skripte, Consent-Manager oder Chat-Widgets verursachen zusätzliche Netzwerkzugriffe und verzögern häufig den ersten sichtbaren Inhalt.

    Typische Kandidaten:

    • Google Fonts
    • Google Tag Manager
    • Cookie-Consent-Lösungen
    • Analyse- und Marketing-Tools

  5. Webfonts blockieren die Textdarstellung: Ist die Überschrift der erste sichtbare Inhalt, wartet der Browser häufig zunächst auf die Schriftart.

    Optimierung:

    • Fonts lokal hosten
    • nur benötigte Schriftschnitte laden
    • font-display: swap verwenden

  6. Zu große CSS- oder JavaScript-Dateien: Viele Websites laden mehrere hundert Kilobyte oder sogar Megabyte an CSS und JavaScript – obwohl für den ersten Bildschirminhalt nur ein kleiner Teil benötigt wird.

terminal TYPO3-Praxis

Typische FCP-Probleme bei TYPO3-Websites

Bei TYPO3 liegt die Ursache selten im CMS selbst, sondern fast immer in der individuellen Projektkonfiguration.

  1. TYPO3-Cache ist nicht optimal eingerichtet: Wird jede Seite bei jedem Aufruf neu erzeugt, steigt die Serverantwortzeit deutlich.

    Lösung:

    • TYPO3 Page Cache aktivieren
    • Reverse Proxy oder CDN nutzen
    • USER_INT-Elemente kritisch prüfen

  2. Zu viele Extensions laden eigene CSS- und JS-Dateien: Jede Extension bringt häufig zusätzliche Ressourcen mit.

    Lösung:

    • ungenutzte Extensions entfernen
    • CSS- und JavaScript-Dateien bündeln
    • nur benötigte Bibliotheken einbinden

  3. Große Frameworks: Bootstrap, Animationen oder Icon-Bibliotheken werden häufig vollständig geladen, obwohl nur ein kleiner Teil benötigt wird.

  4. Zu viele Webfonts: Mehrere Schriftschnitte und Schriftfamilien erhöhen die Anzahl der HTTP-Anfragen und verlängern den Rendering-Prozess.

  5. Drittanbieter-Skripte: Marketing-, Analyse- oder Consent-Tools konkurrieren bereits beim Seitenaufbau um Netzwerk- und CPU-Ressourcen.

So analysieren Sie den FCP

Der First Contentful Paint lässt sich unter anderem mit folgenden Werkzeugen messen:

  • Google PageSpeed Insights
  • Lighthouse in den Chrome DevTools
  • Chrome Performance Panel
  • WebPageTest

Diese Tools zeigen nicht nur den FCP-Wert, sondern auch, welche Ressourcen das erste Rendering verzögern.

Fazit

Ein guter First Contentful Paint sorgt dafür, dass Besucher bereits nach kurzer Zeit den Eindruck einer schnellen Website erhalten. Die häufigsten Ursachen für schlechte Werte sind langsame Server, render-blockierendes CSS und JavaScript, externe Skripte sowie eine ungünstige TYPO3-Konfiguration.

Gerade bei TYPO3-Websites lassen sich durch konsequentes Caching, optimierte CSS- und JavaScript-Auslieferung sowie eine Reduzierung unnötiger Ressourcen oft erhebliche Verbesserungen erzielen – häufig ganz ohne Änderungen am eigentlichen Inhalt der Website.

Bereit für einen schnelleren FCP?

Wir analysieren den FCP Ihrer TYPO3-Website kostenlos und zeigen konkrete Optimierungsmaßnahmen.

chat Kostenlose Beratung