Minificador de JavaScript

Cómo usar

1. 1 Pega tu código JavaScript en el panel de la izquierda.
2. 2 Activa o desactiva Mangle / Compress y elige la política de comentarios.
3. 3 Pulsa Minify y verás de inmediato el tamaño antes y después.

Por qué usar esta herramienta

• Usa el propio motor terser — el mismo minificador que emplean webpack, Rollup y Vite.
• Carga diferida (lazy-loaded) — terser solo se carga al pulsar Minify, manteniendo la página ligera.
• Comparación de tamaño lado a lado para que veas exactamente cuánto has ahorrado.
• Totalmente del lado del cliente — tu código nunca sale de tu navegador.

Preguntas frecuentes

¿Qué es Minificador de JavaScript?

El minificador de JavaScript es una herramienta que comprime código fuente JavaScript para reducir el tamaño del archivo y lograr cargas más rápidas. Construido sobre terser, permite personalizar el acortamiento de nombres de variables (mangle), la compresión del código y la política de tratamiento de comentarios, además de mostrar una comparación del tamaño antes y después de la minificación. Todo el proceso se ejecuta directamente en el navegador, por lo que el código fuente nunca se envía a ningún servidor.

Características

Ejemplo

function add(a, b) {
  // sum two numbers
  return a + b;
}

function add(n,d){return n+d}

Casos de uso comunes

1. 1

   Reducir un script antes de publicarlo

   Recorta bytes de un archivo JS independiente para acelerar la carga de la página.

2. 2

   Minificación rápida y puntual

   Minifica un fragmento de código sin necesidad de configurar una herramienta de build.

3. 3

   Comparar configuraciones de compresión

   Activa o desactiva mangle/compress y observa la diferencia de tamaño para ajustar el resultado.

Referencias

• Terser — Ofuscador y compresor de JavaScript — GitHub
• Minification — Glosario de MDN Web Docs — MDN

Herramientas relacionadas