Wie schnell sehen deine Benutzer die ersten Elemente?

First Contentful Paint (FCP) misst die Zeit von der Navigation bis zu dem Zeitpunkt, zu dem der Browser den ersten Inhalt des DOMs darstellt. Dies ist ein wichtiger Meilenstein für Benutzer, da sie Rückmeldung gibt, dass die Seite tatsächlich geladen wird.

Empfehlungen

Um First Contentful Paint zu beschleunigen, beschleunige den Download von Ressourcen oder führe weniger Code aus, um den Browser daran zu hindern, DOM-Inhalte zu rendern.

  1. Minimiere die Anzahl der externen Stylesheets und Skripte, für die die Render-Blockierung erforderlich ist. Siehe Render-Blocking von CSS und Laden von JavaScript von Drittanbietern.
  2. Verwende HTTP-Caching, um wiederholte Besuche zu beschleunigen.
  3. Minimiere und komprimiere textbasierte Assets, um die Downloadzeit zu beschleunigen. Siehe Optimieren der Kodierung und der Übertragungsgröße von textbasierten Assets.
  4. Optimiere den JavaScript-Startvorgang und reduziere die JavaScript-Nutzlasten durch Tree Shaking oder Code-Splitting. Das Ziel ist, weniger JavaScript-Arbeit beim Laden der Seite zu erledigen.

Weitere Informationen