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

MutationObserver : surveiller précisément plutôt que tout le document

Une observation trop large peut multiplier les traitements inutiles.

Les mots utiles, en clair
API : échange entre services
Un moyen pour deux services de se transmettre une demande et un résultat.

Définir le changement attendu

Une intégration peut avoir besoin de réagir lorsqu’un composant est ajouté ou lorsqu’un attribut change. Observer tout le document pour chaque mutation élargit inutilement le périmètre. Choisissez le conteneur, les types de changements et les attributs qui correspondent au besoin.

Regrouper le traitement

Plusieurs mutations peuvent décrire une seule opération logique. Évitez de relancer un audit complet du document pour chacune d’elles. Si la réaction modifie à son tour le DOM, vérifiez qu’elle ne crée pas une boucle de notifications ou une répétition sans fin du même travail.

Préférer un signal explicite quand disponible

Un événement ou une API du composant peut être plus fiable qu’une déduction fondée sur sa structure interne. La surveillance reste utile pour certaines intégrations, mais elle doit être nettoyée lorsque le composant disparaît. Mesurez son activité pendant les interactions réelles pour repérer un coût invisible au chargement initial.

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