Moteur de navigateur

Le moteur de rendu (également appelé moteur de rendu ou moteur de rendu ) est un composant logiciel essentiel de tous les principaux navigateurs web . Sa fonction principale est de transformer les documents HTML et autres ressources d'une page web en une représentation visuelle interactive sur l' appareil de l' utilisateur .

Outre le terme « moteur de navigateur », deux autres termes apparentés sont couramment utilisés : « moteur de mise en page » et « moteur de rendu ». En théorie, la mise en page et le rendu (ou « affichage ») pourraient être gérés par des moteurs différents. En pratique, cependant, ces composants sont étroitement liés et rarement rencontrés séparément en dehors du moteur de navigateur.

En plus de la mise en page et du rendu, un moteur de navigateur applique la politique de sécurité entre les documents, gère la navigation via les hyperliens et les données soumises via des formulaires , et implémente le modèle objet de document (DOM) exposé aux scripts associés au document.

Pour offrir une large gamme de comportements dynamiques aux pages web , tous les principaux navigateurs prennent en charge JavaScript . Cependant, JavaScript est implémenté comme un moteur JavaScript distinct , ce qui a permis son utilisation ailleurs . Dans un navigateur, les deux moteurs sont coordonnés via les liaisons DOM et Web IDL .

Les moteurs de rendu de navigateur sont également utilisés dans des applications qui ne fonctionnent pas avec un navigateur . Un client de messagerie, par exemple , en a besoin pour afficher les courriels HTML . Depuis les années 2010, de nombreuses applications ont été créées à l'aide de frameworks basés sur le projet Chromium de Google ; chacune de ces applications autonomes fonctionne de manière similaire à une application web . ( Spotify et Slack en sont deux exemples .)

La mise en page d'une page web est généralement définie par des feuilles de style en cascade (CSS). Chaque feuille de style est un ensemble de règles qui déterminent la présentation de la page. Par exemple, certaines règles spécifient les détails typographiques , tels que la police , la couleur et la taille du texte, tandis que d'autres déterminent l'emplacement des images. Le moteur combine toutes les règles CSS pertinentes pour calculer les coordonnées graphiques précises et les valeurs en pixels de la représentation visuelle qu'il affichera à l'écran.

Le moteur met à jour la représentation visuelle en réponse à de nouveaux événements, tels que le défilement de la page par l'utilisateur, le chargement asynchrone de contenu , la lecture vidéo et les animations de type canvas . Il peut également commencer le rendu avant même que les ressources de la page ne soient téléchargées, ce qui peut entraîner des modifications visuelles à mesure que de nouvelles données sont reçues, comme le remplissage progressif des images ou l'affichage fugace de contenu non stylisé .

• Apple a créé le moteur WebKit pour son navigateur Safari en s'inspirant du moteur KHTML du projet KDE . Apple impose l' utilisation de WebKit comme moteur pour tous les navigateurs disponibles sur l'App Store pour iOS . (Cette obligation a été levée en 2024 pour l' Union européenne et en 2025 pour le Japon , mais elle reste en vigueur ailleurs. )
• Google utilisait initialement WebKit pour son navigateur Chrome , mais l'a finalement dérivé pour créer le moteur Blink . Tous les navigateurs basés sur Chromium utilisent Blink, de même que les applications construites avec CEF , Electron ou tout autre framework qui intègre Chromium.
• Microsoft possède deux moteurs propriétaires : Trident et EdgeHTML . Trident, également appelé MSHTML, est utilisé dans le navigateur Internet Explorer . EdgeHTML, dérivé de Trident, était le moteur d’origine du navigateur Edge (désormais appelé Edge Legacy ) ; on le retrouve encore dans certaines applications UWP . La nouvelle version d’Edge, basée sur Chromium, a été repensée avec le moteur Blink.
• Mozilla développe le moteur Gecko pour son navigateur Firefox et son client de messagerie Thunderbird .

Le graphique ci-dessous indique la durée de développement actif (lorsque de nouvelles normes web pertinentes sont ajoutées) pour chaque moteur présenté dans cette section. À noter que Gecko, WebKit et Blink sont toujours en développement actif.