Kā tiek ielādēta tīmekļa lapa?

Lietotājs ievada URL adresi pārlūkprogrammas adreses jos vai klikšķina uz saites.
URL parsēšana: Pārlūkprogramma analizē URL, lai noteiktu protokolu, domēnu, ostu un ceļu.
IP adreses meklēšana: Pārlūkprogramma pārbauda DNS kešatmiņu, tad operētājsistēmas kešatmiņu, tad maršrutētāja kešatmiņu. Ja adrese netiek atrasta lokāli, tiek nosūtīts pieprasījums DNS serverim, lai saņemtu domēna IP adresi.
TCP savienojuma izveide (Handshake): Pārlūkprogramma izveido TCP savienojumu ar serveri pēc saņemta IP adreses (trīssoļu rokasspiediena: SYN -> SYN-ACK -> ACK).
HTTP pieprasījuma sūtīšana: Pārlūkprogramma sūta HTTP pieprasījumu (parasti GET) serverim ar pieprasīto resursu (ceļu), galvenes (User-Agent, Accept-Encoding, Cookie utt.) un pieprasījuma ķermeni (ja ir).
```
GET /index.html HTTP/1.1  
Host: example.com  
User-Agent: Mozilla/5.0 ...  
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8  
```
Pieprasījuma apstrāde serverī: Serveris saņem pieprasījumu, apstrādā to (piemēram, izpilda servera puses skriptus) un veido HTTP atbildi.
HTTP atbildes sūtīšana: Serveris sūta HTTP atbildi atpakaļ uz pārlūkprogrammu. Atbilde ietver statusa kodu (piemēram, 200 OK), galvenes (Content-Type, Content-Length, Cache-Control utt.) un atbildes saturu (prasītais resurss, piemēram, HTML fails).
```
HTTP/1.1 200 OK  
Content-Type: text/html; charset=UTF-8  
Content-Length: 12345  
Cache-Control: max-age=3600  

<!DOCTYPE html>  
<html>  
<head>...</head>  
<body>...</body>  
</html>  
```
HTML analīze un DOM veidošana: Pārlūkprogramma sāk saņemt HTML kodu un to analizēt, veidojot dokumenta objektu modeli (DOM - Document Object Model) atmiņā. DOM attēlo HTML elementu koku.
Resursu ielāde un apstrāde: Analizējot HTML, pārlūkprogramma sastop saites uz citiem resursiem (CSS, JavaScript, attēli, fonti utt.). Katram resursam tiek veikti 3-7 soļi (IP meklēšana, TCP savienojums, HTTP pieprasījums/atbilde). Resursu ielāde var notikt paralēli (ierobežojot vienlaicīgu savienojumu skaitu).
CSSOM veidošana: Pārlūkprogramma analizē CSS failus un <style> blokus HTML, veidojot CSS objektu modeli (CSSOM - CSS Object Model). CSSOM attēlo stilus, kas piemērojami elementiem lapā.
Render Tree veidošana: Pārlūkprogramma apvieno DOM un CSSOM, lai veidotu renderēšanas koku (Render Tree). Render Tree satur tikai redzamos elementus un to stilus. Elementi ar display: none netiek iekļauti.
Layout (Reflow): Pārlūkprogramma aprēķina katra elementa precīzu pozīciju un izmērus maketā, balstoties uz Render Tree, loga izmēriem un stiliem.
Uzkrāsošana (Repaint): Pārlūkprogramma uzzīmē katru elementu ekrānā pēc aprēķinātajām pozīcijām un piemērotajiem stiliem. Tas notiek slāņos.
Kompozīcija: Pārlūkprogramma apvieno uzzīmētos slāņus galīgajā attēlā, kas tiek rādīts lietotāja ekrānā.
JavaScript izpilde: Skriptu ielādes un analīzes laikā, JavaScript kods tiek izpildīts. JavaScript izpilde var ietekmēt DOM un CSSOM, izraisot atkārtotus Layout un Painting soļus (Relayout/Repaint).