Motores de Renderizado

Es un componente de software básico de todos los principales navegadores web. La función principal de un motor de navegación es transformar los documentos HTML y otros recursos de una página web en una representación visual interactiva en el dispositivo del usuario (esta función se denomina renderización).

Navegadores y sus Motores

Cada navegador tiene diferentes motores, pero realizan el mismo proceso.

• Chrome → Blink
• Edge → Edge HTML
• Safari → Webkit
• Firefox → Gecko

Pasos de los Motores en General

1. Transforma el HTML en objetos que el navegador puede entender que lo concemos como DOM (Document Object Model).
2. Calcula cada uno de los estilos que tiene que ir en cada uno de los nodos (elementos HTML). Agarra cada uno de los estilos y los añade a cada uno de los elementos del DOM.
3. Calcula la dimensión de cada nodo, es decir, su pocisión, tamaño, estructura de la página web.