Render-blockierende Ressourcen verzögern den Seitenaufbau

Bevor der Browser den ersten Inhalt deiner Startseite anzeigt, lädt er alle Stylesheets und Skripte, die im Kopf der Seite eingebunden sind. Solange diese Dateien laden, bleibt der Bildschirm weiss. Bei deiner Website verzögern solche Dateien den ersten sichtbaren Inhalt (First Contentful Paint) messbar.

Wie wir prüfen

Für alle Websites mit Wartungsvertrag lassen wir die Startseite etwa alle drei Tage mit Google Lighthouse prüfen, dem Analysewerkzeug von Google. Die Messung läuft über die Schnittstelle von PageSpeed Insights auf den Servern von Google, in der Desktop-Ansicht. Leitet die Startseite weiter, etwa auf /de/, gilt die Zielseite. Unterseiten prüfen wir nicht.

Einen Hinweis erhältst du, wenn der erste Inhalt ohne die blockierenden Dateien mindestens 200 Millisekunden früher erscheinen würde. Der Befund listet bis zu 20 betroffene Dateien. Weil jede Prüfung eine Einzelmessung ist, schwankt der Wert leicht, und ein Befund nahe an der Schwelle kann von einer Prüfung zur nächsten kommen und gehen.

Was zu tun ist

• Skripte, die für den ersten Aufbau nicht nötig sind, mit defer oder async einbinden oder ans Ende der Seite verschieben.
• Das CSS für den sichtbaren Bereich direkt in die Seite schreiben und den Rest später laden.
• Nicht mehr benötigte Dateien entfernen, etwa Skripte alter Plugins oder ungenutzte Schriften.

Wie viel sich herausholen lässt, hängt vom Template ab. Den Aufwand schätzen wir gerne ab: Offerte anfragen.