Was passiert mit den externen Ressourcen, die der Browser beim Parsen von HTML liest?

Der Browser sendet separate HTTP-Anfragen für jede externe Ressource, die im HTML angegeben ist (CSS-Dateien, JavaScript-Dateien, Bilder, Schriftarten usw.). Diese Anfragen werden parallel verarbeitet, um das Laden zu optimieren. Bis eine Antwort auf die Anfrage empfangen wird, kann der Browser das HTML weiterhin parsen, aber er kann keine externen CSS-Styles anwenden oder externe JavaScript-Skripte ausführen, bevor sie geladen sind.

Zur Optimierung der Verarbeitung dieser Ressourcen werden verschiedene Mechanismen angewendet:

• Caching: Der Browser kann Kopien der Ressourcen auf der lokalen Festplatte speichern und bei wiederholten Anfragen verwenden, um die Ladezeit zu verkürzen.
• Ladepriorität: Der Browser bestimmt die Reihenfolge des Ladens der Ressourcen und priorisiert jene, die für eine schnelle Anzeige des sichtbaren Teils der Seite notwendig sind (Critical Rendering Path).
• Preload und Preconnect: Mechanismen zum vorzeitigen Laden oder Herstellen von Verbindungen zu Ressourcen, die später benötigt werden.
• Lazy Loading: Ressourcen wie Bilder können nur geladen werden, wenn sie im Browserfenster sichtbar werden.
• Minifizierung und Komprimierung: Reduzierung der Größe der Ressourcen vor der Übertragung über das Netzwerk.