Minificador de JavaScript

How it works

1. Pega o escribe tu código JavaScript en el panel de entrada (hay un ejemplo precargado para que pruebes la herramienta de inmediato).
2. Haz clic en 'Minificar JavaScript' para procesarlo.
3. La herramienta usa terser con las opciones compress y mangle activadas, que eliminan código muerto, acortan expresiones y renombran variables locales a nombres más cortos.
4. Mientras se procesa, el botón muestra un ícono de carga; el análisis de terser puede tardar un instante en archivos grandes.
5. Se muestran el tamaño original, el tamaño minificado y el porcentaje de reducción; copia el resultado con el botón de copiar.

Use cases

• Reducir el peso de un script antes de incluirlo en una página sin configurar un bundler.
• Comparar cuánto pesa un archivo JavaScript antes y después de minificarlo.
• Ofuscar ligeramente nombres de variables locales antes de compartir un fragmento de código.
• Minificar snippets sueltos, como scripts de analítica o utilidades pequeñas, antes de pegarlos en un CMS.

Common mistakes

• Minificar código con errores de sintaxis esperando que terser lo corrija.
  terser necesita JavaScript sintácticamente válido para poder analizarlo; si hay un error, la herramienta muestra el mensaje exacto en vez de un resultado incorrecto.
• Sorprenderse porque los nombres de variables cambiaron después de minificar (por ejemplo, 'message' se volvió 'e').
  Eso es el mangle en acción: renombra variables y parámetros locales a nombres más cortos para reducir tamaño. No afecta el comportamiento del código, solo la legibilidad; si necesitas mantener nombres legibles, no uses el resultado minificado para depurar.
• Usar el código minificado directamente para depurar errores en producción.
  El código minificado es difícil de leer en las herramientas de desarrollador del navegador. Conserva siempre una copia del código original (o un source map generado por tu build) para depurar; usa la versión minificada solo para el despliegue final.

Frequently asked questions

Alternatives

Herramientas de build como Vite, webpack o esbuild minifican JavaScript automáticamente como parte del proceso de producción, generalmente con terser o esbuild por debajo. Esta herramienta es útil para minificar un script puntual sin configurar un proyecto completo, por ejemplo antes de pegarlo en un CMS o una plantilla HTML estática.