Rendering pagina HTML e DOM

[diegodavide]

Salve a tutti, ho dei dubbi sulla seguente:
la fase di renderizzazione di una pagina HTML e la fase della creazione del suo DOM sono operazioni che vengono effettuate contestualmente, oppure è necessaria la creazione del DOM prima della renderizzazione a video della pagina? Spero di essere stato chiaro. Grazie a tutti !

[KillerWorm]

Ciao, da quel poco che so, direi che vengono fatte entrambe le cose.

Molto a grandi linee la sequenza è:
- Parsing (analisi HTML, CSS ed eventuali altre risorse) e costruzione delle mappe DOM e CSSOM
- Costruzione della mappa di rendering (DOM + CSSOM, cioè nodi DOM formattati dal CSS)
- Rendering (visualizzazione a schermo)

Per ovvie ragioni il rendering non può avvenire prima del parsing. Ad ogni modo i moderni browser sono "studiati" per fornire una migliore esperienza utente, per tale motivo il processo di rendering viene effettuato in modo graduale e asincrono così da mostrare i contenuti della pagina al più presto senza attendere che l'intera pagina venga analizzata per essere mostrata.

Possiamo dire quindi che il processo di rendering avviene a blocchi.

Poi, una volta che la pagina è renderizzata, possono avvenire ulteriori processi che ne modificano la struttura e la visualizzazione dei contenuti. In quel caso si parla di reflow e repaint.

Questo in linea di massima.

[diegodavide]

Ciao, da quel poco che so, direi che vengono fatte entrambe le cose.

Molto a grandi linee la sequenza è:
- Parsing (analisi HTML, CSS ed eventuali altre risorse) e costruzione delle mappe DOM e CSSOM
- Costruzione della mappa di rendering (DOM + CSSOM, cioè nodi DOM formattati dal CSS)
- Rendering (visualizzazione a schermo)

Per ovvie ragioni il rendering non può avvenire prima del parsing. Ad ogni modo i moderni browser sono "studiati" per fornire una migliore esperienza utente, per tale motivo il processo di rendering viene effettuato in modo graduale e asincrono così da mostrare i contenuti della pagina al più presto senza attendere che l'intera pagina venga analizzata per essere mostrata.

Possiamo dire quindi che il processo di rendering avviene a blocchi.

Poi, una volta che la pagina è renderizzata, possono avvenire ulteriori processi che ne modificano la struttura e la visualizzazione dei contenuti. In quel caso si parla di reflow e repaint.

Questo in linea di massima.

Grazie davvero per le informazioni. Sono state molto utili. Parte dei dubbi sulla sequenzialità dell'algoritmo sono chiariti