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.
Recursos
Updated on • Improve article