Minificación de JavaScript

Published on Updated on

Translated to: English, Português, 한국어

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:

Una captura de pantalla de la auditoría de JavaScript, Lighthouse Minify

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

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.