Parallaxe
La parallaxe est un effet de profondeur obtenu en faisant défiler des éléments à des vitesses légèrement différentes au scroll : le fond plus lentement que le premier plan.
Mise en contexte
Utilisée avec subtilité, la parallaxe donne de la vie et de la profondeur à une page sans nuire à la lecture. Utilisée sans mesure, elle fatigue et dégrade la performance. La règle : des amplitudes faibles, des vitesses contrastées entre éléments voisins, un rendu accéléré par le processeur graphique, et le respect de la préférence de réduction des animations.
C’est un principe de notre socle : la plupart des éléments d’une page ont une parallaxe discrète, jamais la même vitesse pour tous, sans bibliothèque d’animation globale. Par exemple, sur ce site, textes, médias et blocs défilent à des vitesses légèrement différentes.
Les animations d’entrée qui retardent l’affichage du contenu principal sont exclues.
Questions fréquentes
Pas si la préférence système de réduction des animations est respectée : dans ce cas, les éléments ne bougent plus. C’est intégré à notre socle.
Pas si elle est rendue par le processeur graphique (transformations) et calculée sans bibliothèque lourde. Nous la mesurons dans le budget de performance.