Motor de navegador

El motor del navegador (también conocido como motor de renderizado o de maquetación ) es un componente de software fundamental en todos los navegadores web importantes . Su función principal es transformar los documentos HTML y otros recursos de una página web en una representación visual interactiva en el dispositivo del usuario .

Además de « motor del navegador », se utilizan comúnmente otros dos términos relacionados: «motor de diseño» y «motor de renderizado». ^{[ 1 ] [ 2 ] [ 3 ]} En teoría, el diseño y el renderizado (o «pintura») podrían ser gestionados por motores diferentes. Sin embargo, en la práctica, estos componentes están estrechamente acoplados y rara vez se encuentran por separado fuera del motor del navegador. ^{[ 1 ] [ 4 ]}

Además del diseño y la representación, un motor de navegador aplica la política de seguridad entre documentos, gestiona la navegación a través de hipervínculos y los datos enviados mediante formularios , e implementa el modelo de objetos de documento (DOM) expuesto a los scripts asociados con el documento. ^{[ 1 ] [ 4 ]}

Para proporcionar una amplia gama de comportamiento dinámico a las páginas web , todos los navegadores principales admiten JavaScript . Sin embargo, JavaScript se implementa como un motor JavaScript independiente , lo que ha permitido su uso en otros entornos . En un navegador, ambos motores se coordinan mediante los enlaces DOM y Web IDL . ^{[ 4 ]}

Los motores de navegador también se utilizan en aplicaciones que no son navegadores . Un cliente de correo electrónico necesita uno para mostrar correos electrónicos en HTML . A partir de la década de 2010, se crearon muchas aplicaciones con los marcos de trabajo basados ​​en el proyecto Chromium de Google ; cada una de estas aplicaciones independientes funciona de manera muy similar a una aplicación web . (Dos ejemplos son Spotify y Slack ). ^{[ 5 ] [ 6 ]}

El diseño de una página web se especifica normalmente mediante hojas de estilo en cascada (CSS). Cada hoja de estilo es una serie de reglas que definen cómo debe presentarse la página. Por ejemplo, algunas reglas especifican detalles tipográficos , como la fuente , el color y el tamaño del texto, mientras que otras determinan la ubicación de las imágenes. El motor combina todas las reglas CSS relevantes para calcular las coordenadas gráficas precisas y los valores de píxeles de la representación visual que mostrará en la pantalla. ^{[ 1 ] [ 4 ]}

El motor actualiza la representación visual en respuesta a nuevos eventos, como el desplazamiento del usuario por la página, la obtención asíncrona de contenido , la reproducción de vídeo y las animaciones del lienzo . También puede comenzar a renderizar antes de que se descarguen los recursos de la página, lo que puede provocar cambios visuales a medida que se reciben más datos, como el llenado gradual de imágenes o un destello de contenido sin estilo . ^{[ 7 ]}

• Apple creó el motor WebKit para su navegador Safari mediante una bifurcación del motor KHTML del proyecto KDE . ^{[ 8 ]} Apple exige que todos los navegadores en la App Store para iOS utilicen WebKit como motor. ^{[ 9 ]} (En 2024, se eliminó la obligatoriedad para la Unión Europea y en 2025 para Japón , pero aún se aplica en otros lugares. ^{[ 10 ]} )
• Google originalmente usó WebKit para su navegador Chrome , pero finalmente lo bifurcó para crear el motor Blink . ^{[ 11 ]} Todos los navegadores basados ​​en Chromium usan Blink, al igual que las aplicaciones creadas con CEF , Electron o cualquier otro marco que incorpore Chromium.
• Microsoft tiene dos motores propietarios : Trident y EdgeHTML . Trident, también llamado MSHTML, se utiliza en el navegador Internet Explorer . EdgeHTML, al ser una bifurcación de Trident, fue el motor original del navegador Edge (ahora llamado Edge Legacy ); todavía se encuentra en algunas aplicaciones UWP . ^{[ 12 ]} El nuevo Edge, basado en Chromium, se rediseñó con el motor Blink. ^{[ 13 ]}
• Mozilla desarrolla el motor Gecko para su navegador Firefox y el cliente de correo electrónico Thunderbird . ^{[ 2 ]}

El siguiente gráfico muestra la duración del desarrollo activo (cuando se siguen añadiendo nuevos estándares web relevantes) para cada motor de esta sección. Cabe destacar que Gecko, WebKit y Blink aún se encuentran en fase de desarrollo activo.

• Comparación de motores de búsqueda