IN6.ai

Carnet d’atelier · 3D

Un site en 3D qui reste rapide et bien référencé.

Une scène 3D, ce sont des modèles, des textures et du calcul. La crainte d’un site lent et mal référencé est légitime. Voici les mesures réelles de ce site, qui en a plusieurs, et les choix qui les rendent possibles.

Par Philippe Nadeau, fondateur de l’atelier · · 3 min de lecture

Une crainte légitime

Une scène 3D, ce sont des modèles, des textures, des lumières et du calcul, à chaque image. Un site lent perd ses visiteurs, et Google mesure la vitesse de chargement : ses Signaux Web essentiels (Core Web Vitals) comptent parmi ce qu’il observe. La question est donc bonne : la 3D se paie-t-elle en vitesse et en référencement ?

Elle peut, si on la pose sans précaution. in6.ai en affiche plusieurs : le cristal de l’accueil, la tablette de chocolat de la page Site web 3D, et Philippe, le guide, qui se promène sur toutes les pages. Voici ce qu’elles coûtent, mesuré.

Les mesures de ce site

Mesures prises le 1er novembre 2026 avec Chrome 156, en laboratoire, sans cache : sur un téléphone simulé (réseau 4G lent, 1,6 Mbit/s et 150 ms de latence ; processeur ralenti quatre fois) et sur un ordinateur.

Pour chaque page : l’affichage principal sur téléphone et sur ordinateur, le décalage de mise en page, et le poids transféré au chargement.

Page Téléphone Ordinateur Décalage Poids
Accueil, avec le cristal 3D 1,4 s 0,5 s 0,001 494 Ko
Page Site web 3D, avec la tablette 1,0 s 0,4 s 0,004 à 0,02 515 Ko

L’affichage principal, c’est le Largest Contentful Paint (LCP) : le moment où le plus grand élément visible apparaît. Google le juge bon sous 2,5 secondes. Le décalage de mise en page, le Cumulative Layout Shift (CLS), mesure ce qui bouge pendant le chargement : il est bon sous 0,1.

Une réserve honnête : ce sont des mesures de laboratoire, sur une seule machine. Les mesures qui comptent pour Google sont celles des visiteurs réels, rassemblées dans le rapport Chrome UX et visibles dans la Search Console. Elles se suivent dans le temps, pas en une fois.

Le texte d’abord, la 3D ensuite

Le premier choix, c’est l’ordre. Tout ce qu’un moteur doit lire, titres, textes, liens, prix, questions, est dans le HTML de la page, pas dessiné dans la scène. Un robot qui n’exécute pas la 3D lit la page entière ; un visiteur voit le texte avant que la scène ne s’allume.

Les scènes des pages de service ne se chargent que lorsqu’on s’en approche. Le guide 3D, un modèle de 2,1 Mo, n’arrive qu’après le chargement de la page : il ne retarde jamais l’affichage principal. Il ne se télécharge pas du tout en mode économie de données, sur une connexion 2G, sans WebGL ou quand le visiteur l’a masqué.

Des images à la place quand il le faut

Sans WebGL, une scène cède la place à une image fixe, qui raconte la même chose. Sur la page Site web 3D, un bouton « Version légère » montre ce que reçoit un appareil modeste. Les rendus de la tablette de chocolat, pris dans la scène elle-même, pèsent de 13 à 28 Ko chacun en WebP.

Le site respecte aussi le réglage « réduire les animations » du système : les scènes s’y figent, sans rien perdre de leur contenu. C’est une question d’accessibilité avant d’être une question de vitesse.

Une mise en page qui ne bouge pas

Le décalage presque nul des mesures n’est pas un hasard. Chaque scène réserve sa place avant d’apparaître : la page ne saute pas quand la 3D arrive. Les polices sont servies par le site lui-même, et les images annoncent leurs dimensions. Le visiteur qui commence à lire n’est jamais interrompu par un bloc qui glisse.

Ce que la 3D doit apporter

Une scène 3D n’est pas un décor. Elle se justifie quand elle montre ce qu’une photo ne montre pas : un produit qu’on fait tourner, un lieu qu’on parcourt, un village qui n’existe pas encore, comme Castelroc, ou un festival qui devient un jeu, comme WesternGo. Quand elle n’apporte rien au visiteur, elle coûte sans rapporter, et l’atelier le dit.

Pour vérifier chez vous

PageSpeed Insights mesure une page en quelques secondes, en laboratoire et, quand il y a assez de visiteurs, sur le terrain. Le rapport Signaux Web essentiels de la Search Console suit vos pages dans le temps. Si votre site actuel est lent, la cause est rarement une seule image : c’est l’empilement. La refonte commence par le mesurer.

Pour aller plus loin

Les pages de l’atelier.

La prochaine pièce

Votre projet mérite
une pièce unique.

Démarrer un projet