Accueil / WebGPU
La nouvelle génération de la 3D webWebGPU : toute la puissance de la carte graphique, dans une page web.
WebGPU permet à un site de confier au processeur graphique des milliers de calculs à la fois. Plus d’objets, plus d’effets, et même de l’intelligence artificielle, sans rien installer.
Une nouvelle façon de parler à la carte graphique.
WebGPU est un standard du web, conçu au W3C avec Google, Apple, Mozilla et Microsoft. Il prend progressivement le relais de WebGL, la technologie qui affiche la 3D dans les navigateurs depuis 2011.
En parallèleTout en même temps
Une carte graphique contient des milliers de petites unités de calcul. WebGPU les fait travailler en parallèle, aussi bien pour dessiner que pour calculer.
Matériel modernePensé pour le matériel d’aujourd’hui
WebGL date d’une époque où les cartes graphiques fonctionnaient autrement. WebGPU suit les interfaces modernes (Vulkan, Metal, Direct3D 12) : moins d’intermédiaires, plus de contrôle.
Repli WebGLUn filet de sécurité : WebGL
Quand un navigateur ne connaît pas encore WebGPU, un site bien conçu bascule automatiquement sur WebGL. Le visiteur voit la même scène, un peu moins vite.
Faites travailler votre carte graphique.
Des dizaines de milliers d’objets, dont chaque position est calculée par le processeur graphique, à chaque image. Augmentez le nombre, changez de moteur, regardez le compteur.
Ce que vous voyez
Une sphère de petits cubes qui ondule. Le navigateur n’envoie qu’une forme et un nombre : c’est la carte graphique qui place chaque cube.
Moteur de rendu
Votre navigateur sera testé au lancement de la démo.
Les images par seconde dépendent de votre appareil. Sur une scène simple comme celle-ci, l’écart entre les deux moteurs peut être faible : WebGPU fait surtout la différence sur les scènes lourdes et les calculs.
Ce que WebGPU change concrètement.
Des scènes plus riches
Avec WebGL, le processeur central doit préparer chaque objet avant de l’envoyer à la carte graphique. Quand la scène grossit, c’est lui qui freine. WebGPU regroupe ces préparatifs et les rend réutilisables : on peut afficher beaucoup plus d’objets avant que la fluidité ne baisse.
Du calcul, pas seulement de l’image
WebGPU introduit les compute shaders : des programmes qui s’exécutent sur la carte graphique sans rien dessiner. Ils servent à simuler des particules, de l’eau, des foules, à traiter des images, ou à faire tourner un modèle d’intelligence artificielle directement dans la page, sans serveur.
Un langage de shaders commun : WGSL
Les shaders WebGPU s’écrivent en WGSL, un langage pensé pour le web. Des outils comme TSL, dans Three.js, permettent même d’écrire un shader une seule fois et de l’obtenir automatiquement en WGSL et en GLSL. Voir la page Shaders.
Les différences, sans jargon.
WebGL reste parfaitement valable pour beaucoup de projets. WebGPU ouvre des possibilités nouvelles, surtout pour le calcul.
| WebGL | WebGPU | |
|---|---|---|
| Âge | Depuis 2011, partout. | Chrome et Edge depuis 2023, Firefox et Safari en 2025. |
| Calcul général | Détourné, limité : la carte graphique sert surtout à dessiner. | Prévu dès le départ (compute shaders) : physique, particules, IA. |
| Performances | Bonnes, mais le processeur central freine quand la scène se charge. | Moins de travail pour le processeur central, plus d’objets à l’écran. |
| Langage des shaders | GLSL | WGSL |
| Compatibilité | Quasi universelle. | Large et en progression. Repli WebGL possible. Détails sur la page Compatibilité. |
Ce qu’il faut savoir avant de se lancer.
WebGPU est puissant, mais ce n’est pas une baguette magique. Trois points à garder en tête.
Tous les navigateurs ne suivent pas au même rythme
Chrome, Edge et Safari récents le proposent. Firefox et certaines configurations Linux ou Android arrivent progressivement. D’où l’intérêt du repli WebGL.
Le téléphone reste un téléphone
Batterie, chaleur, mémoire : une scène pensée pour un ordinateur doit être allégée pour le mobile. WebGPU aide, il ne remplace pas l’optimisation.
Plus de contrôle, plus de travail
L’interface est plus explicite que WebGL. Des moteurs comme Three.js ou Babylon.js masquent cette complexité et gèrent le repli automatiquement.
WebGPU, les questions qu’on me pose.
Faut-il installer quelque chose pour utiliser WebGPU ?
Non. WebGPU est intégré au navigateur. Si votre navigateur le prend en charge, une page peut l’utiliser directement, comme la démo plus haut.
Mon site en WebGL doit-il passer à WebGPU ?
Pas forcément. Si votre site fonctionne bien, rien ne presse. WebGPU devient intéressant quand la scène devient lourde, ou quand il faut calculer beaucoup (particules, simulation, intelligence artificielle).
Que se passe-t-il si le navigateur ne connaît pas WebGPU ?
Un site bien conçu bascule sur WebGL : le visiteur voit la même chose. Les moteurs récents, comme Three.js, savent le faire automatiquement.
WebGPU sert-il seulement à la 3D ?
Non. Il sert aussi au calcul pur : traitement d’images, simulations physiques, et faire tourner des modèles d’intelligence artificielle directement dans le navigateur, sans serveur.
Parlons de ce que la 3D temps réel peut faire pour vous.
Configurateur, visite, carte interactive, formation en réalité virtuelle : je vous dis franchement si la 3D web est la bonne réponse.