Vous en avez peut-être déjà fait l’expérience : lorsque vous ouvrez une page web, elle commence à “sauter” car elle est entièrement chargée. C’est un petit mais réel problème, et Chrome fait quelque chose pour y remédier.
Google a ajouté une fonction appelée “ancre de défilement” au navigateur pour empêcher le contenu de la page de se déplacer pendant son chargement.
Les pages sautent parce qu’elles affichent d’abord les éléments essentiels (texte), puis le reste (images, vidéos et publicités) ; cela fait partie de ce qu’on appelle le “chargement progressif”. L’idée est que vous pouvez consommer le contenu immédiatement, au lieu d’attendre que tout soit chargé.
Cela rend le web plus efficace, mais cela a un effet secondaire : lorsque du contenu supplémentaire est chargé en haut de la page, il pousse d’autres éléments vers le bas. Cela peut vous amener à cliquer sur le mauvais lien, ou à vous perdre momentanément en lisant.
Pour éviter cela, les dernières versions de Chrome (56 et plus) utilisent l’ancre de défilement. En gros, cela permet de conserver l’élément de page visible à l’écran, même si le reste est chargé par la suite. Selon Google, cela permet d’éviter en moyenne près de trois sauts par page vue.
Cette fonctionnalité est activée par défaut, après avoir été testée l’année dernière dans les versions bêta de Chrome. Il est disponible pour Android, iOS, Windows, Mac et Linux, en plus de Chrome OS.
Il convient de noter que l’ancrage à défilement est désactivé dans certains cas (mises en page interactives complexes et navigation avant/arrière) lorsque cela risque de nuire à l’expérience. Et au cas où un développeur voudrait désactiver cela pour sa page, il suffit d’utiliser une propriété CSS ; les détails sont ici.
