Les mots utiles, en clair
- JavaScript : interactions
- Le code qui fait fonctionner des éléments comme les menus, les formulaires et certaines animations.
Repérer les allers-retours
Un script peut modifier une dimension puis demander immédiatement une mesure dépendant de cette modification. Répétée sur plusieurs éléments, cette alternance peut forcer des calculs synchrones. Le code paraît court, mais son interaction avec le moteur de rendu devient coûteuse.
Regrouper les besoins
Lorsque la logique le permet, récupérez d’abord les informations nécessaires puis appliquez les changements. Évitez de demander la même mesure à chaque itération si elle ne change pas. Cette organisation doit rester correcte lorsque le contenu ou la taille du viewport évolue.
Vérifier dans une trace
Utilisez les outils de performance pour confirmer que les recalculs diminuent. Une réécriture théorique n’est pas suffisante si une bibliothèque réintroduit le même schéma ailleurs. Testez le composant complet et les interactions répétées, car le coût peut devenir visible seulement après plusieurs actions successives. Une liste de nombreuses cartes permet de révéler le coût cumulé que quelques éléments seulement laisseraient difficile à distinguer.