Navigateur web : la technologie qui accède aux ressources Internet
Un navigateur web est le logiciel client qui récupère, affiche et permet l'interaction avec les ressources du World Wide Web (HTML, CSS, JS, images, vidéo, API). C'est l'interface universelle d'Internet.
Architecture principale
- UI : Barre d'adresse, favoris, onglets, historique, extensions
- Moteur du navigateur : Coordonne UI, réseau, rendu
- Moteur de rendu : Parse HTML/CSS → DOM/CSSOM → Mise en page → Peinture → Composition
- Blink (Chrome, Edge, Brave, Opera, Vivaldi)
- WebKit (Safari, navigateurs iOS)
- Gecko (Firefox)
- Moteur JavaScript : V8 (Blink), SpiderMonkey (Gecko), JavaScriptCore (WebKit)
- Réseau : HTTP/1.1, HTTP/2, HTTP/3 (QUIC), WebSocket, Fetch, CORS
- Stockage : Cookies, localStorage, IndexedDB, Cache API, Service Workers
- Sécurité : Politique d'origine identique, CSP, CORS, HSTS, sandboxing, isolation de site
Principaux navigateurs (parts de marché ~Desktop 2024)
| Navigateur | Moteur | Part | Caractéristiques clés |
|---|---|---|---|
| Google Chrome | Blink | ~65 % | Vitesse, extensions, synchronisation, outils dev, préoccupations vie privée |
| Safari | WebKit | ~18 % | Vie privée (ITP), efficacité batterie, écosystème Apple |
| Microsoft Edge | Blink | ~5 % | Entreprise, IA Copilot, onglets verticaux, collections |
| Mozilla Firefox | Gecko | ~3 % | Vie privée d'abord, open source, conteneurs, extensions Manifest V2 |
| Opera / Brave / Vivaldi | Blink | ~3 % | VPN intégré, bloqueur pub, crypto, personnalisation |
Fonctionnement simplifié
- L'utilisateur saisit une URL / clique un lien
- Résolution DNS → adresse IP
- Handshake TCP + TLS (HTTPS)
- Requête HTTP GET → Serveur
- Serveur répond : HTML + en-têtes
- Navigateur parse HTML → arbre DOM
- Récupère sous-ressources (CSS, JS, images, polices)
- CSSOM + DOM → Arbre de rendu → Disposition → Peinture → Composition
- JS exécute → modifie DOM/CSSOM → répète
- Interaction utilisateur → Boucle d'événements → Appels réseau/stockage/API
Au-delà de la navigation
- PWA : Installable, hors-ligne, notifications push
- WebAssembly : Vitesse quasi-native (C++/Rust → .wasm)
- WebRTC : Vidéo/audio/données temps réel
- WebGPU : Calcul/rendu GPU dans le navigateur
- Extensions : Modifient le comportement (bloqueur pub, gestionnaire mdp, outils dev)
Le navigateur est le système d'exploitation du web — évoluant du visualiseur de documents au runtime d'applications.