JavaScript duplicato

Connor Clark
Connor Clark

Data di pubblicazione: 8 ott 2025

Rimuovi i moduli JavaScript duplicati di grandi dimensioni dai bundle per ridurre i byte superflui consumati dall'attività di rete.

Come superare questo insight

  • Per le pagine con più bundle JavaScript, dividi il codice delle dipendenze di grandi dimensioni necessarie per più bundle in un bundle comune.
  • All'interno dei singoli bundle JavaScript, assicurati che esista una sola versione delle dipendenze di grandi dimensioni.

Puoi analizzare in dettaglio i bundle JavaScript di una pagina facendo clic su View Treemap. Vengono visualizzati i bundle della pagina nella mappa ad albero di Lighthouse.

Mappa ad albero di Lighthouse. I nodi colorati rappresentano i moduli duplicati trovati in più bundle JavaScript
Mappa ad albero di Lighthouse. I nodi colorati rappresentano i moduli duplicati trovati in più bundle JavaScript.
  • In PageSpeed Insights e nel report Lighthouse, questo pulsante si trova nella categoria Rendimento sotto le metriche:

    Pulsante Visualizza Treemap di Lighthouse
    Pulsante "Visualizza mappa ad albero" di Lighthouse.
  • Nel riquadro Prestazioni di DevTools, questo pulsante si trova nell'approfondimento JavaScript duplicato:

    Pulsante Visualizza mappa ad albero del riquadro Prestazioni di DevTools
    Pulsante "Visualizza mappa ad albero" del pannello Prestazioni di DevTools.

Indicazioni specifiche per lo stack

Crea un punto di ingresso aggiuntivo per le dipendenze comuni e di grandi dimensioni e attiva la funzionalità di suddivisione del codice del bundler JavaScript per:

Riferimenti aggiuntivi