JavaScript duplicado

Connor Clark
Connor Clark

Publicado: 8 de octubre de 2025

Quita de los paquetes los módulos de JavaScript que sean grandes y estén duplicados para reducir la cantidad de bytes que consume innecesariamente la actividad de red.

Cómo aprobar esta estadística

  • En el caso de las páginas con varios paquetes de JavaScript, el código divide las dependencias grandes que necesitan varios paquetes en un paquete común.
  • Dentro de los paquetes de JavaScript individuales, asegúrate de que solo haya una versión de las dependencias grandes.

Para profundizar en los paquetes de JavaScript de una página, haz clic en View Treemap. Esto abrirá los paquetes de la página en el mapa de árbol de Lighthouse.

Diagrama de árbol de Lighthouse. Los nodos coloreados representan módulos duplicados que se encuentran en varios paquetes de JavaScript.
Diagrama de árbol de Lighthouse. Los nodos de color representan módulos duplicados que se encuentran en varios paquetes de JavaScript.
  • En PageSpeed Insights y en el informe de Lighthouse, este botón se encuentra en la categoría Rendimiento, debajo de las métricas:

    Botón Lighthouse View Treemap Botón "Ver mapa de árbol" de Lighthouse.
  • En el panel Rendimiento de Herramientas para desarrolladores, este botón se encuentra en la estadística JavaScript duplicado:

    Botón para ver el mapa de árbol del panel Rendimiento de Herramientas para desarrolladores
    Botón "View Treemap" del panel Rendimiento de Herramientas para desarrolladores.

Orientación específica para la pila

Crea un punto de entrada adicional para las dependencias comunes y grandes, y habilita la función de división de código del bundler de JavaScript para lo siguiente:

Referencias adicionales: