Google teste actuellement le Visual Stability Index (VSI), une nouvelle métrique Core Web Vital qui pourrait remplacer — ou compléter — le CLS (Cumulative Layout Shift) dès 2027. Contrairement au CLS qui mesure les décalages de mise en page pendant le chargement initial, le VSI surveille la stabilité visuelle tout au long de la session utilisateur, y compris après les interactions.
Cette évolution reflète une réalité : les sites modernes continuent à bouger après le chargement (fenêtres modales, notifications, publicités tardives). Le VSI capture cette instabilité que le CLS actuel manque.
1. Le VSI mesure la stabilité sur toute la session, pas seulement au chargement
Le CLS s’arrête après les 5 premières secondes (ou après le premier clic utilisateur). Le VSI continue de mesurer les décalages pendant toute la durée de la visite. Cela signifie qu’une bannière de cookies qui apparaît 10 secondes après le chargement, ou une publicité qui se charge en différé, sera maintenant comptabilisée dans le score de stabilité.
2. Les interactions utilisateur sont prises en compte
Le VSI mesure les décalages causés par les actions de l’utilisateur : ouvrir un menu déroulant qui décale le contenu en dessous, cliquer sur un accordéon qui pousse le reste de la page vers le bas, ou encore voir du contenu « sauter » au survol d’un élément interactif. Ces micro-décalages perturbent l’expérience sans être captés par le CLS traditionnel.
3. Les publicités et fenêtres modales sont dans la ligne de mire
Les pop-ins promotionnelles, les chatbots qui s’ouvrent automatiquement, et les bannières de consentement qui apparaissent tardivement sont les principales cibles du VSI. Google veut pénaliser les sites qui gardent un CLS propre au chargement mais bombardent ensuite l’utilisateur de contenu qui bouge.
Pour anticiper : réservez toujours l’espace pour les éléments différés (fixez la hauteur des emplacements publicitaires, n’injectez pas de contenu au-dessus du contenu existant sans pousser le reste de la page).
4. Comment préparer votre site au VSI
Même si le VSI n’est pas encore un facteur de classement officiel, vous pouvez commencer à l’optimiser :
- Mesurez les décalages post-chargement : utilisez Chrome DevTools (Performance Monitor) et activez « Layout Shift Regions » pour visualiser tous les mouvements de page pendant une session de navigation.
- Fixez les hauteurs des conteneurs dynamiques : si un élément se charge en AJAX (avis clients, contenu recommandé), donnez-lui une hauteur minimale dès le départ.
- Évitez les pop-ins agressifs : si vous devez afficher une fenêtre modale, faites-la glisser depuis le bas ou la droite plutôt que de la superposer brutalement au centre (ce qui décale la perception visuelle sans décaler le DOM — mais le VSI pourrait mesurer ça aussi).
- Testez vos publicités : les bannières programmatiques sont notoirement instables. Passez aux emplacements à hauteur fixe ou utilisez des formats « sticky » qui ne poussent pas le contenu.
5. Le VSI ne remplacera probablement pas le CLS, il le complètera
Google teste rarement une métrique pour en abandonner une autre. Le scénario le plus probable : le VSI devient un quatrième Core Web Vital aux côtés du LCP, INP et CLS. Cela signifie que les sites devront optimiser à la fois le chargement initial (CLS) ET la stabilité en cours de session (VSI).
L’impact concret : les sites qui abusent des publicités tardives ou des pop-ins risquent de perdre des positions même avec un CLS parfait. Les sites « propres » sans perturbations post-chargement auront un avantage concurrentiel.
Questions fréquentes sur le Visual Stability Index
Le VSI est-il déjà un facteur de classement Google ?
Non, pas encore. Google le teste actuellement dans Chrome Canary et recueille des données terrain. L’intégration officielle aux Core Web Vitals est prévue pour 2027 au plus tôt, selon les signaux de Google.
Comment mesurer mon VSI actuel ?
Il n’existe pas encore d’outil public officiel pour le VSI. Vous pouvez installer Chrome Canary et activer les flags expérimentaux de performance, mais la métrique n’est pas encore stabilisée. En attendant, concentrez-vous sur l’optimisation du CLS et éliminez les décalages post-chargement (chatbots, bannières tardives).
Un bon CLS garantit-il un bon VSI ?
Pas nécessairement. Le CLS mesure les 5 premières secondes, le VSI mesure toute la session. Un site peut avoir un CLS de 0,05 (excellent) et un VSI médiocre si des pop-ins apparaissent ensuite. Inversement, un site sans perturbation tardive aura un bon VSI même avec un CLS moyen.
Les animations CSS comptent-elles dans le VSI ?
Les animations fluides (transitions CSS, transformations) ne causent généralement pas de décalage de mise en page et ne devraient pas affecter le VSI. En revanche, une animation qui modifie la hauteur d’un élément (expand/collapse) peut décaler le contenu en dessous — là, le VSI le mesurera.
Que faire si mon site a beaucoup de contenu dynamique ?
Privilégiez les chargements progressifs avec des placeholders de hauteur fixe (skeleton screens), plutôt que d’injecter du contenu de hauteur variable. Pour les éléments interactifs, utilisez des transitions fluides (CSS transform/opacity) plutôt que des changements brusques de layout.
Conclusion : anticiper plutôt que subir
Le VSI marque une évolution logique des Core Web Vitals : mesurer l’expérience utilisateur réelle et complète, pas seulement le chargement initial. Les sites qui anticipent cette métrique en éliminant dès maintenant les perturbations post-chargement auront un avantage concurrentiel quand le VSI deviendra un facteur de classement officiel.
Testez votre site avec un audit SEO complet pour identifier les problèmes de stabilité visuelle et Core Web Vitals dès maintenant.
