Wat gebeurt er met de externe bronnen die de browser leest bij het parseren van HTML?

De browser stuurt aparte HTTP-verzoeken voor elke externe bron die in HTML is opgegeven (CSS-bestanden, JavaScript-bestanden, afbeeldingen, lettertypen, enz.). Deze verzoeken worden parallel verwerkt om de laadtijd te optimaliseren. Totdat het antwoord op het verzoek is ontvangen, kan de browser doorgaan met het parseren van HTML, maar kan het geen externe CSS-stijlen toepassen of externe JavaScript-scripts uitvoeren voordat ze zijn geladen.

Om de verwerking van deze bronnen te optimaliseren, worden verschillende mechanismen toegepast:

• Caching: De browser kan kopieën van bronnen opslaan op de lokale schijf en deze gebruiken bij herhaalde verzoeken, waardoor de laadtijd wordt verminderd.
• Laadprioriteit: De browser bepaalt de volgorde van het laden van bronnen en geeft prioriteit aan diegene die nodig zijn voor een snelle weergave van het zichtbare deel van de pagina (Critical Rendering Path).
• Preload en Preconnect: Mechanismen om bronnen vooraf te laden of verbindingen met bronnen te leggen die later nodig zullen zijn.
• Lazy Loading: Bronnen zoals afbeeldingen kunnen alleen worden geladen wanneer ze zichtbaar worden in het browservenster.
• Minificatie en compressie: Het verkleinen van de grootte van bronnen voordat ze via het netwerk worden verzonden.