Observer ce qui change
Certaines animations modifient la géométrie des éléments, d’autres leur apparence ou leur composition. Le coût dépend des propriétés utilisées et du contexte. Un déplacement qui semble simple peut provoquer de nombreux recalculs si plusieurs éléments dépendent de sa taille ou de sa position.
Animer avec une intention claire
Privilégiez les mouvements qui aident à comprendre un changement d’état. Une animation permanente attire l’attention et consomme des ressources sans nécessairement rendre la page plus utile. Comparez une version plus sobre sur mobile et vérifiez qu’aucune information essentielle ne dépend d’un effet.
Respecter les préférences du visiteur
Prévoyez une présentation cohérente lorsque les animations sont réduites. Les menus, notifications et transitions doivent rester compréhensibles. Une recette de performance inclut le défilement et les interactions, avec plusieurs composants actifs, car un effet isolé peut sembler fluide alors que leur combinaison ne l’est plus.