¿Cómo funciona un navegador?

El navegador procesa la solicitud del usuario, obtiene recursos del servidor (HTML, CSS, JS), analiza el HTML, construye el árbol DOM, analiza el CSS, construye el árbol CSSOM. Luego combina el DOM y el CSSOM en el árbol de renderizado, que contiene solo los elementos visibles. Realiza el layout, determinando la posición y tamaño de los elementos. Finalmente, ocurre el pintado, que es la renderización de píxeles en la pantalla. JavaScript se ejecuta, puede cambiar el DOM y el CSSOM, provocando una repintada. El navegador optimiza el proceso mediante caché, carga perezosa y operaciones asíncronas.