Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Cómo minificar sus archivos JavaScript
  • Orientación específica de la pila
    • Drupal
    • Joomla
    • Magento
    • Reaccionar
    • WordPress
  • Recursos

Minificación de JavaScript

May 2, 2019 — Actualizado Jun 20, 2020
Available in: 한국어, Português, English
Appears in: Auditorías de rendimiento
En esta página
  • Cómo minificar sus archivos JavaScript
  • Orientación específica de la pila
    • Drupal
    • Joomla
    • Magento
    • Reaccionar
    • WordPress
  • Recursos

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 #

  • Código fuente para la auditorí Minify JavaScript
Última actualización: Jun 20, 2020 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.