Duplikat kodu JavaScript

Connor Clark
Connor Clark

Data publikacji: 8 października 2025 r.

Usuń z pakietów duplikaty dużych modułów JavaScript, by zmniejszyć ilość danych niepotrzebnie przesyłanych w sieci.

Jak przekazać tę statystykę

  • W przypadku stron z wieloma pakietami JavaScript kod dzieli duże zależności potrzebne w wielu pakietach na wspólny pakiet.
  • W poszczególnych pakietach JavaScript upewnij się, że występuje tylko jedna wersja dużych zależności.

Aby uzyskać więcej informacji o pakietach JavaScript na stronie, kliknij View Treemap. Spowoduje to otwarcie pakietów strony w mapie drzewa Lighthouse.

Mapa drzewa Lighthouse. Kolorowe węzły reprezentują zduplikowane moduły znalezione w wielu pakietach JavaScript.
Mapa drzewa Lighthouse. Kolorowe węzły reprezentują zduplikowane moduły znalezione w wielu pakietach JavaScript.
  • W narzędziu PageSpeed Insights i raporcie Lighthouse ten przycisk znajduje się w kategorii Skuteczność pod danymi:

    Przycisk Wyświetl diagram Lighthouse
    Przycisk „Wyświetl mapę drzewa” w Lighthouse.
  • W panelu Wydajność w Narzędziach deweloperskich ten przycisk znajduje się w statystyce Zduplikowany kod JavaScript:

    Przycisk widoku mapy drzewa w panelu Wydajność w Narzędziach deweloperskich
    Przycisk „Wyświetl mapę drzewa” w panelu Wydajność w Narzędziach deweloperskich.

Wskazówki dotyczące konkretnych stosów

Utwórz dodatkowy punkt wejścia dla typowych, dużych zależności i włącz funkcję dzielenia kodu w pakiecie JavaScript w przypadku tych elementów:

Dodatkowe odniesienia