Geschwindigkeit
Blockierende Ressourcen verzögern den ersten Bildaufbau
Woran du es erkennst
Synchron eingebundene Skripte und vollständige Stilvorlagen im Seitenkopf müssen fertig geladen und ausgewertet sein, bevor der Browser überhaupt etwas zeichnen kann.
Warum es zählt
Jede blockierende Anfrage im kritischen Pfad schlägt mit ihrer vollen Lade- und Auswertungszeit direkt auf den ersten Bildaufbau durch. Bei fünf bis zehn solcher Anfragen sind das regelmäßig ein bis drei Sekunden reines Warten ohne jeden sichtbaren Fortschritt.
So behebst du es
- Versieh alle Skripte, die nicht vor dem ersten Bildaufbau laufen müssen, mit defer; async nur für unabhängige Skripte ohne Bezug zum Dokument.
- Teile die Stilvorlagen nach Route oder Bauteil auf und binde nur ein, was die aktuelle Seite braucht.
- Bette den kleinen kritischen Teil der Stilvorlage direkt in den Seitenkopf ein und lade den Rest nach.
- Verschiebe Fremdskripte wie Chat-Widgets, Werbung und nicht zwingende Zähldienste hinter den Zeitpunkt, ab dem die Seite bedienbar ist.