Reducir el uso de JavaScript

Si reduces los archivos JavaScript, puedes achicar el tamaño de la carga útil y el tiempo de análisis de secuencias de comandos. En la sección Oportunidades de tu informe de Lighthouse, se enumeran todos los archivos JavaScript sin reducir, junto con los posibles ahorros en kibibytes (KiB) cuando se reducen:

Captura de pantalla de la auditoría de reducción de JavaScript de Lighthouse

Cómo reducir tus archivos JavaScript

La reducción es el proceso de quitar los espacios en blanco y cualquier código que no sea necesario para crear un archivo de código más pequeño, pero perfectamente válido. Terser es una herramienta de compresión de JavaScript popular. webpack v4 incluye un complemento para esta biblioteca de forma predeterminada para crear archivos de compilación reducidos.

Orientación específica de la pila

Drupal

Asegúrate de habilitar Agregar archivos JavaScript en la página Administración » Configuración » Desarrollo.

Joomla

Hay varias extensiones de Joomla que pueden concatenar, reducir y comprimir las secuencias de comandos para acelerar tu sitio web. También hay plantillas que proporcionan esta funcionalidad.

Magento

Usa Terser para reducir todos los elementos de JavaScript de la implementación de contenido estático y, luego, inhabilita la función de reducción integrada.

React

Si el sistema de compilación reduce los archivos JS de forma automática, asegúrate de implementar la compilación de producción de tu aplicación. Puedes comprobarlo con la extensión de las Herramientas para desarrolladores de React.

WordPress

Hay varios complementos de WordPress que pueden concatenar, reducir y comprimir las secuencias de comandos para acelerar tu sitio web. Te recomendamos que, si es posible, uses un proceso de compilación para realizar la reducción de forma anticipada.

Recursos