¿Qué estudió sobre el motor del navegador?

El motor del navegador consta de varios componentes clave:

• Motor de JavaScript — se encarga del análisis y ejecución del código JS. Por ejemplo, V8 en Chrome, SpiderMonkey en Firefox. Compila JS en código máquina y optimiza su ejecución.

• Motor de renderizado (motor de layout) — responsable del análisis de HTML y CSS, construcción del DOM y CSSOM, cálculo de estilos, layout (colocación de elementos) y renderizado de la página. Ejemplo: Blink en Chrome, Gecko en Firefox.

• Capa de red — maneja las solicitudes HTTP, carga de recursos (HTML, CSS, JS, imágenes).

• Seguridad — incluye políticas de mismo origen (Same-Origin Policy), sandboxing, CORS, protección contra XSS y otros ataques.

El trabajo del motor comienza con la carga del HTML, construcción del DOM, mientras se cargan CSS y JS en paralelo. Tras construir el DOM y CSSOM, se realiza el layout y el pintado. El motor JS puede influir en el DOM, por lo que a veces se realiza un layout adicional.

Ejemplo de ciclo de vida simplificado:

1. Carga de HTML ->
2. Construcción del DOM ->
3. Carga y análisis de CSS ->
4. Construcción del CSSOM ->
5. Se ejecuta JS, que puede modificar el DOM ->
6. Layout (cálculo de tamaños y posiciones) ->
7. Pintado (renderizado) ->
8. Composición (ensamblaje de capas para mostrar en pantalla)

También se estudian optimizaciones, como minimizar reflow y repaint, carga perezosa (lazy loading), trabajo con caché y carga asíncrona de recursos.