Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Code et rendu

Déléguer les événements dans une liste dynamique

Une relation claire entre conteneur et action peut simplifier le code des composants répétés.

Comprendre la propagation

Certains événements remontent depuis l’élément ciblé vers ses ancêtres. Une écoute sur un conteneur peut alors traiter les actions de plusieurs éléments. Cette approche peut être utile pour des listes modifiées après le chargement, mais elle ne s’applique pas automatiquement à tous les événements.

Identifier précisément la cible

Un bouton contient parfois une icône ou un libellé. La cible directe du clic peut donc être un enfant du contrôle attendu. La logique doit retrouver l’action pertinente et vérifier qu’elle appartient bien au composant, afin d’éviter qu’un clic sur une zone voisine déclenche un traitement.

Mesurer le bénéfice dans le contexte

La délégation n’est pas une garantie de performance universelle. Elle peut surtout rendre une structure dynamique plus simple à maintenir. Testez les ajouts, suppressions, états désactivés et interactions au clavier. Une logique explicite vaut mieux qu’une écoute globale qui interprète indistinctement tous les clics du document.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site