Come il browser visualizza una pagina web sullo schermo dell'utente?

Il processo di visualizzazione di una pagina web da parte del browser include diverse fasi:

1. Ottenimento dell'HTML — il browser richiede il documento HTML al server.
2. Parsing dell'HTML — viene costruito l'albero DOM (Document Object Model).
3. Ottenimento e parsing del CSS — viene costruito il CSSOM (CSS Object Model).
4. Costruzione dell'albero di rendering — unione di DOM e CSSOM per determinare stili e struttura di visualizzazione.
5. Layout (calcolo della geometria) — vengono calcolate le dimensioni e le posizioni degli elementi sulla pagina.
6. Painting (rendering) — il browser disegna i pixel sullo schermo secondo l'albero di rendering.

Se sulla pagina è presente JavaScript, può modificare DOM e CSSOM, causando render aggiuntivi.

In questo modo, il browser trasforma sequenzialmente il codice della pagina in una rappresentazione visiva per l'utente.