Como funciona um navegador?

O navegador processa a solicitação do utilizador, obtém recursos do servidor (HTML, CSS, JS), analisa o HTML, constrói a árvore DOM, analisa o CSS, constrói a árvore CSSOM. Depois combina o DOM e o CSSOM na Árvore de Renderização, que contém apenas os elementos visíveis. Executa o Layout, determinando a posição e o tamanho dos elementos. Por fim, ocorre o Pintar, que é a renderização de pixels na tela. O JavaScript é executado, pode alterar o DOM e o CSSOM, causando uma repintura. O navegador otimiza o processo com cache, carregamento preguiçoso e operações assíncronas.