Dupliziertes JavaScript

Connor Clark
Connor Clark
X GitHub

Veröffentlicht: 8. Oktober 2025

Entfernen Sie große, doppelt vorhandene JavaScript-Module aus Bundles, um unnötige Datenübertragungen im Netzwerk zu reduzieren.

So geben Sie diese Information weiter

  • Bei Seiten mit mehreren JavaScript-Bundles werden große Abhängigkeiten, die von mehreren Bundles benötigt werden, in ein gemeinsames Bundle aufgeteilt.
  • Achten Sie darauf, dass in einzelnen JavaScript-Bundles nur eine Version großer Abhängigkeiten vorhanden ist.

Wenn Sie sich die JavaScript-Bundles auf einer Seite genauer ansehen möchten, klicken Sie auf View Treemap. Dadurch werden die Bundles der Seite in der Lighthouse-Baumstruktur geöffnet.

Lighthouse-Strukturkarte Die farbigen Knoten stellen doppelte Module dar, die in mehreren JavaScript-Bundles gefunden wurden.
Lighthouse-Strukturkarte. Die farbigen Knoten stellen doppelte Module dar, die in mehreren JavaScript-Bundles gefunden wurden.

  • In PageSpeed Insights und im Lighthouse-Bericht befindet sich diese Schaltfläche in der Kategorie „Leistung“ unter den Messwerten:

    Schaltfläche „Lighthouse-Strukturkarte ansehen“
    Schaltfläche „Baumdiagramm ansehen“ in Lighthouse

  • Im Bereich Leistung der Entwicklertools befindet sich diese Schaltfläche in der Statistik Duplicated JavaScript (Dupliziertes JavaScript):

    Schaltfläche „Baumdiagramm“ im DevTools-Leistungsbereich
    Schaltfläche „Baumdiagramm ansehen“ im Bereich „Leistung“ der Entwicklertools

Stack-spezifische Anleitung

Erstellen Sie einen zusätzlichen Einstiegspunkt für häufig verwendete, große Abhängigkeiten und aktivieren Sie die Funktion zur Codeaufteilung Ihres JavaScript-Bundlers für Folgendes:

Weitere Referenzen