Kuidas töötleb brauser veebilehte?

URL-i analüüs: Brauser analüüsib URL-i, et määrata protokoll, domeeninimi ja ressursi tee.
DNS-päring: Kui domeeninimi pole veel kohalikus vahemälus, saadab brauser DNS-päringu, et saada serveri IP-aadress.
TCP-ühenduse loomine: Brauser loob TCP-ühenduse serveriga saadud IP-aadressi järgi.
HTTP-päring: Brauser saadab HTTP-päringu serverile, paludes vajaliku veebilehe.
HTTP-vastuse saamine: Server töötleb päringut ja saadab HTTP-vastuse, mis sisaldab HTML-koodi, CSS-i, JavaScripti ja teisi ressursse.
HTML-i analüüs: Brauser alustab saadud HTML-i parseldamist, luues DOM-puu (Document Object Model).
Resursside laadimine: HTML-i parseldamise ajal avastab brauser lingid teistele ressurssidele (CSS, JS, pildid) ja alustab nende laadimist, sageli paralleelselt.
CSS-i analüüs: Brauser analüüsib CSS-i, luues CSSOM-puu (CSS Object Model).
Renderipuu loomine: DOM-i ja CSSOM-i ühendamisel loob brauser renderipuu, mis sisaldab ainult nähtavaid sõlmi ja nende stiile.
Paigutus (Layout): Brauser arvutab iga elemendi geomeetrilised mõõtmed ja asukoha lehel.
Joonistamine (Painting): Brauser joonistab pikslid iga elemendi jaoks ekraanil, põhinedes renderipuu ja paigutuse tulemustel.
Kompositsioon (Compositing): Kui leht sisaldab kihte (näiteks CSS omaduste tõttu, nagu transform või opacity), ühendab brauser need kihid lõplikuks pildiks.
JavaScripti töötlemine: Kui leitakse <script>-i sildid või sisseehitatud skriptid, analüüsib, kompileerib ja täidab brauser JavaScripti. JavaScript võib muuta DOM-i, CSSOM-i ja mõjutada paigutus- ning joonistusetappe, mis võib põhjustada nende sammude korduva täitmise.