JavaScript en double

Connor Clark
Connor Clark

Publié le 8 octobre 2025

Supprimez les modules JavaScript volumineux et en double de vos groupes pour réduire les débits d'octets superflus sur le réseau.

Ignorer cet insight

  • Pour les pages comportant plusieurs bundles JavaScript, le code divise les grandes dépendances nécessaires à plusieurs bundles en un bundle commun.
  • Dans les bundles JavaScript individuels, assurez-vous qu'il n'y a qu'une seule version des dépendances volumineuses.

Pour en savoir plus sur les bundles JavaScript d'une page, cliquez sur View Treemap. Les bundles de la page s'affichent dans la cartographie arborescente Lighthouse.

Carte proportionnelle Lighthouse. Les nœuds colorés représentent les modules en double trouvés dans plusieurs bundles JavaScript.
Carte proportionnelle Lighthouse. Les nœuds colorés représentent les modules en double trouvés dans plusieurs bundles JavaScript.
  • Dans PageSpeed Insights et dans le rapport Lighthouse, ce bouton se trouve dans la catégorie "Performances", sous les métriques :

    Bouton "Afficher la carte proportionnelle" de Lighthouse
    Bouton "Afficher l'arborescence" de Lighthouse.
  • Dans le panneau Performances des outils pour les développeurs, ce bouton se trouve dans l'insight JavaScript en double :

    Bouton "Afficher le TreeMap" du panneau "Performances" des outils de développement
    Bouton "Afficher l'arborescence" du panneau "Performances" des outils pour les développeurs.

Conseils spécifiques à la pile

Créez un point d'entrée supplémentaire pour les dépendances courantes et volumineuses, et activez la fonctionnalité de fractionnement du code de votre bundler JavaScript pour les éléments suivants :

Autres références