Mesurer le temps passé à dessiner
Un canvas peut produire une animation complexe à partir d’un code relativement petit. Le poids du réseau ne révèle donc pas son coût continu. Observez les tâches du navigateur pendant l’animation et les interactions qui ont lieu autour, surtout sur un appareil moins puissant.
Limiter le travail invisible
Un dessin hors écran ou une animation masquée ne devrait pas continuer à consommer autant de ressources qu’un élément regardé. Le rythme, la définition et le nombre d’objets doivent correspondre au besoin visuel. Un rendu trop détaillé peut apporter peu de différence perceptible sur mobile.
Prévoir une présentation de secours
Le contenu utile doit rester accessible si l’animation est arrêtée ou indisponible. Conservez une alternative textuelle ou graphique selon son rôle. Respectez les préférences de mouvement réduit et comparez une version plus simple : le meilleur gain peut venir d’un choix de conception plutôt que d’un calcul plus sophistiqué.