Minificación de JavaScript
La minificación de archivos JavaScript puede reducir el tamaño de carga útil y el tiempo de análisis del script. La sección Oportunidades de su informe de Lighthouse enumera todos los archivos JavaScript no minificados, junto con los ahorros potenciales en kibibytes (KiB) cuando estos archivos se minifican:
Cómo minificar sus archivos JavaScript #
La minificación es el proceso de eliminar 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 popular herramienta de compresión de JavaScript. webpack v4 incluye un complemento para esta biblioteca de forma predeterminada para crear archivos de compilación minificados.
Orientación específica de la pila #
Drupal #
Asegúrese de habilitar Aggregate JavaScript files en la Administration.
Configuración > Página de desarrollo. También puede configurar opciones de agregación más avanzadas a través de módulos adicionales para acelerar su sitio concatenando, minimizando y comprimiendo sus activos de JavaScript.
Joomla #
Varias extensiones de Joomla pueden acelerar su sitio concatenando, minimizando y comprimiendo sus scripts. También existen plantillas que brindan esta funcionalidad.
Magento #
Use Terser para minimizar todos los activos de JavaScript de la implementación de contenido estático y deshabilite la función de minificación incorporada.
Reaccionar #
Si su sistema de compilación minimiza los archivos JS automáticamente, asegúrese de que está implementando la compilación de producción de su aplicación. Puede verificar esto con la extensión React Developer Tools.
WordPress #
Varios complementos de WordPress pueden acelerar su sitio al concatenar, minificar y comprimir sus scripts. También es posible que desee utilizar un proceso de construcción para hacer esta minificación por adelantado si es posible.