Quando começa o processo de renderização da página?

O processo de renderização da página começa quando o navegador recebe e começa a processar o documento HTML. Este processo inclui várias etapas:

1. Análise do HTML: Construção da árvore DOM (Modelo de Objeto do Documento).
2. Construção do CSSOM (Modelo de Objeto CSS): Análise do CSS aplicado à página.
3. Construção da Árvore de Renderização: Combinação do DOM e do CSSOM para criar a árvore de renderização, contendo os elementos visíveis na página e seus estilos.
4. Layout (Cálculo do layout): Determinação das dimensões e posições geométricas de cada elemento na página.
5. Pintura: Renderização dos pixels dos elementos na tela.
6. Compositing (Composição): Combinação das camadas de elementos renderizados na apresentação final na tela.

Embora o processo de renderização comece no lado do cliente (navegador), seu gatilho é a recepção do HTML, que muitas vezes é gerado dinamicamente no servidor Node.js. O servidor é responsável por preparar e enviar a resposta HTML inicial.