Lade- und Ausführungssequenz einer Webseite
Den Ladevorgang verstehen
Wenn eine Webseite geladen wird, treten mehrere Ereignisse auf in einer bestimmten Reihenfolge auftreten:
-
HTML-Download und Parsen: Der Browser beginnt mit dem Abrufen und Parsen des HTML-Dokuments. Während der HTML-Code analysiert wird, erstellt der Browser das Document Object Model (DOM), das die Struktur der Seite darstellt.
-
Laden externer Ressourcen: Beim Parsen des HTML-Codes stößt der Browser auf externe Ressourcen Ressourcen wie CSS- und JavaScript-Dateien. Diese Ressourcen werden parallel heruntergeladen, beginnend mit denen, die weiter oben im Dokument erscheinen.
-
Blockieren und asynchrones Laden: Wenn ein