Kdy začíná proces vykreslování stránky?

Proces vykreslování stránky začíná, když prohlížeč obdrží a začne zpracovávat HTML dokument. Tento proces zahrnuje několik etap:

1. Parsování HTML: Vytvoří se strom DOM (Document Object Model).
2. Vytvoření CSSOM (CSS Object Model): Parsuje se CSS aplikované na stránku.
3. Vytvoření renderovacího stromu: DOM a CSSOM jsou spojeny za účelem vytvoření renderovacího stromu, který obsahuje viditelné prvky a jejich styly.
4. Rozvržení (Layout): Určí se geometrické rozměry a pozice každého prvku na stránce.
5. Kreslení: Pixely prvků jsou vykresleny na obrazovku.
6. Seskupování (Compositing): Vrstva vykreslených prvků je spojena do finálního zobrazení na obrazovce.

Ačkoli proces vykreslování začíná na straně klienta (prohlížeče), jeho spuštění je spuštěno přijetím HTML, které je často dynamicky generováno na serveru Node.js. Server je zodpovědný za přípravu a odeslání počáteční odpovědi HTML.