Hoe werkt een browser?

De browser verwerkt het verzoek van de gebruiker, haalt bronnen op van de server (HTML, CSS, JS), parseert de HTML, bouwt de DOM-boom, parseert de CSS, bouwt de CSSOM-boom. Vervolgens combineert hij DOM en CSSOM in de Render Tree, die alleen de zichtbare elementen bevat. Voert de layout uit, waarbij de positie en afmetingen van de elementen worden bepaald. Ten slotte vindt de Paint plaats, waarbij pixels op het scherm worden gerenderd. JavaScript wordt uitgevoerd, kan de DOM en CSSOM wijzigen, wat een hertekening veroorzaakt. De browser optimaliseert het proces met caching, lazy loading en asynchrone operaties.