En bref
Google mesure l’expérience d’une page avec trois indicateurs, les Core Web Vitals : le temps d’affichage de l’élément principal, la réactivité aux actions, la stabilité de la mise en page. Les animations et la 3D ne les dégradent pas par nature : ce qui ralentit, c’est ce qui est chargé trop tôt, trop lourd ou sans nécessité. Un site premium peut rester rapide si le contenu s’affiche d’abord, si les scènes lourdes ne se chargent qu’à leur approche, et si chaque effet est mesuré avant d’être gardé.
Pourquoi la vitesse compte
Une page lente fait attendre un visiteur qui n’a encore aucune raison de rester. Sur téléphone, avec une connexion moyenne, chaque ressource superflue se paie en secondes.
Google recommande aux propriétaires de sites d’obtenir de bons scores Core Web Vitals, qui correspondent, avec d’autres aspects de l’expérience sur la page, à ce que ses systèmes de classement cherchent à récompenser (sa page sur les Core Web Vitals). La vitesse sert donc à la fois les visiteurs et la visibilité.
Ce que mesurent les Core Web Vitals
| Indicateur | Ce qu’il mesure | Seuil recommandé par Google |
|---|---|---|
| LCP (Largest Contentful Paint) | Le temps d’affichage du plus grand élément visible. | 2,5 secondes au plus. |
| INP (Interaction to Next Paint) | Le délai de réaction de la page à une action : clic, saisie, toucher. | Moins de 200 millisecondes. |
| CLS (Cumulative Layout Shift) | Les déplacements inattendus du contenu pendant le chargement. | Moins de 0,1. |
Ces mesures viennent des visiteurs réels quand le site a assez de trafic ; sinon, on s’appuie sur des outils de laboratoire comme Lighthouse, qui simulent un téléphone et une connexion moyenne.
Ce qui ralentit vraiment une page
Les causes les plus fréquentes ne sont pas les animations elles-mêmes, mais la façon dont les ressources sont chargées :
- Des images trop lourdes, ou servies à la même taille sur téléphone et sur grand écran.
- Des scripts chargés au démarrage alors qu’ils ne servent que plus bas dans la page.
- Des modèles 3D ou des vidéos téléchargés avant que le visiteur n’en approche.
- Des polices nombreuses, ou déclarées de façon à bloquer l’affichage du texte.
- Des outils tiers (mesure, chat, publicité) qui s’ajoutent les uns aux autres.
- Des éléments sans dimensions réservées, qui font sauter la mise en page en arrivant.
Les règles d’un site premium et rapide
- 01
Le contenu d’abord. Le texte et l’élément principal s’affichent avant tout effet ; la page est lisible même si un script échoue.
- 02
Charger à l’approche. Une scène 3D, une vidéo ou une bibliothèque lourde ne se télécharge que lorsque le visiteur s’en approche.
- 03
Une seule scène active à la fois. Les scènes qui ne sont pas à l’écran s’arrêtent.
- 04
Animer ce qui coûte peu. Déplacements, échelles et transparence sont pris en charge efficacement par le navigateur ; d’autres propriétés obligent à recalculer la page.
- 05
Des images adaptées à chaque écran, dans un format moderne.
- 06
Mesurer chaque effet. Un effet qui dégrade la mesure est simplifié ou retiré.
Le cas du téléphone
Un téléphone a moins de puissance qu’un ordinateur, et souvent une connexion plus lente. Un site premium ne propose pas forcément la même expérience sur les deux : les scènes peuvent être allégées, certains effets remplacés par une image fixe, la résolution limitée.
Les visiteurs qui ont demandé à leur système de réduire les animations doivent aussi être respectés : le site affiche alors son contenu sans mouvement.
Ce que nous mesurons sur notre propre site
Le site de Rivmont utilise des animations au défilement et une scène 3D. Mesuré avec Lighthouse sur mobile, le 26 octobre 2026 :
- la page Logiciels sur mesure affiche son élément principal en 2,3 secondes, sans déplacement de mise en page (CLS 0) ;
- la page d’accueil affiche son élément principal en 2,2 à 2,4 secondes selon les passages, également sans déplacement de mise en page.
Ce sont des mesures de laboratoire, à un instant donné, pas des mesures de visiteurs réels : elles varient d’un passage à l’autre. Elles montrent seulement qu’animations et 3D restent compatibles avec les seuils recommandés quand elles sont chargées au bon moment.
Un exemple illustratif
Comment vérifier votre site
- PageSpeed Insights ou Lighthouse pour une mesure de laboratoire, page par page ;
- le rapport Core Web Vitals de Search Console pour les mesures de visiteurs réels, si votre site a assez de trafic ;
- un vrai téléphone, de gamme moyenne, sur une connexion mobile : c’est souvent le test le plus parlant.
Les erreurs les plus fréquentes
- tout charger au démarrage, « pour que ce soit prêt » ;
- juger la vitesse sur un ordinateur récent et une connexion fibre ;
- empiler les outils tiers sans en mesurer le poids ;
- cacher le contenu derrière une animation d’entrée trop longue ;
- ne mesurer qu’une fois, et jamais après les modifications suivantes.
À retenir
- LCP, INP, CLS : les trois mesures de l’expérience selon Google.
- Les animations ne ralentissent pas par nature ; le chargement, si.
- Le contenu d’abord, les scènes lourdes à l’approche.
- Une expérience adaptée au téléphone et au mouvement réduit.
- Mesurer chaque effet, et mesurer encore après chaque changement.
Mis à jour le .