Kedy začína proces vykresľovania stránky?

Proces vykresľovania stránky začína, keď prehliadač prijme a začne spracovávať HTML dokument. Tento proces zahŕňa niekoľko krokov:

1. Parsovanie HTML: Vytvorí sa strom DOM (Model objektu dokumentu).
2. Vytvorenie CSSOM (Model objektu CSS): Analyzuje sa CSS aplikované na stránku.
3. Vytvorenie renderovacieho stromu: DOM a CSSOM sa kombinujú na vytvorenie renderovacieho stromu, ktorý obsahuje viditeľné prvky a ich štýly.
4. Rozloženie (Layout): Určia sa geometrické rozmery a pozície každého prvku na stránke.
5. Kreslenie: Pixely prvkov sa vykreslia na obrazovku.
6. Kompózovanie (Compositing): Vrstva renderovaných prvkov sa spojí do finálnej prezentácie na obrazovke.

Hoci proces vykresľovania začína na strane klienta (prehliadača), jeho spustenie je spúšťané prijatím HTML, ktoré je často dynamicky generované na Node.js serveri. Server je zodpovedný za prípravu a odoslanie počiatočnej HTML odpovede.