Kuidas töötab brauser?

Veebibrauser saab nõutud URL-i, analüüsib seda ja saadab serverile HTTP-päringu. Server töötleb päringu ja saadab vastuse, mis sisaldab HTML-i, CSS-i, JavaScripti, pilte ja teisi ressursse.

Veebibrauser analüüsib HTML-dokumenti ja loob DOM-puu (Document Object Model).

Seejärel töötleb ta CSS-i ja loob CSSOM-puu (CSS Object Model).

DOM-i ja CSSOM-i ühendamisel loob brauser renderipuu (Render Tree), mis sisaldab elemente, mida kuvatakse, koos nende stiilidega.

Layout (või Reflow) faasis arvutatakse iga elemendi geomeetrilised parameetrid (asukoht, suurus).

Painting (või Repainting) faasis joonistab brauser nähtavad elemendid ekraanile, kasutades Render Tree ja Layout teavet.

Kui on JavaScript, laadib ja täidab brauser selle. JavaScript võib muuta DOM-i ja CSSOM-i, mis võib põhjustada korduvaid Layout ja Painting faase.

Brauser salvestab saadud ressursid vahemällu, et kiirendada järgmist laadimist.