Middle
Hoe wordt de weergave van de website voor de gebruiker gedaan?
sobes.tech AI
Antwoord van AI
- De gebruiker voert de URL in de browser in. De browser stuurt een DNS-verzoek om het IP-adres van de server te verkrijgen.
- De browser maakt een TCP-verbinding met de server. Meestal wordt het HTTP/S-protocol gebruikt.
- De browser stuurt een HTTP-verzoek naar de server. HTML-document en andere bronnen (CSS, JavaScript, afbeeldingen) worden opgevraagd.
- De server verwerkt het verzoek en stuurt een HTTP-antwoord. Het antwoord bevat de opgevraagde bronnen en statusinformatie.
- De browser ontvangt het HTML-document. Het parseren van HTML begint.
- Er wordt een DOM (Document Object Model) gemaakt. Boom van objecten die de HTML-structuur vertegenwoordigen.
- De browser detecteert links naar externe bronnen (CSS, JavaScript, afbeeldingen) in HTML. Extra verzoeken worden gedaan om ze te verkrijgen.
- De browser ontvangt de CSS-stijlen. Het parseren van CSS begint.
- Er wordt een CSSOM (CSS Object Model) gemaakt. Boom van objecten die de stijlen vertegenwoordigen.
- Er wordt een Render Tree gemaakt. Samensmelting van DOM en CSSOM. Bevat alleen zichtbare elementen en hun stijlen.
- Layout (of Reflow). De geometrische afmetingen en de positie van elk element op de pagina worden berekend.
- Paint (of Repaint). De elementen worden op het scherm getekend volgens hun stijlen en positie.
- Samenstellen. De pagina wordt laag voor laag samengesteld voor weergave aan de gebruiker.
- De browser ontvangt JavaScript-bestanden. Het parseren en uitvoeren van de code begint. JavaScript kan DOM en CSSOM wijzigen, wat leidt tot een herberekening van Layout en Paint.
- Weergave van de pagina aan de gebruiker. Terwijl bronnen worden ontvangen en stappen worden voltooid, ziet de gebruiker de inhoud van de pagina.