Minificador de JavaScript

El Minificador de JavaScript es una herramienta en línea gratuita que comprime código JS para reducir el tamaño del archivo. Con la tecnología de Terser, el minificador ES6+ estándar de la industria, elimina espacios, acorta los nombres de variables, descarta el código muerto y quita las sentencias de depuración para producir una salida ligera y lista para producción.

Se ejecuta totalmente en tu navegador. Terser corre localmente, así que tu JavaScript nunca se sube ni se almacena; incluso el código fuente propietario permanece en tu equipo.

Por Qué Minificar JavaScript

Carga y Análisis Más Rápidos

Los paquetes más pequeños se descargan más rápido y el motor analiza menos caracteres, acelerando la interactividad de la página.

Paquetes Más Pequeños

El mangle y la compresión suelen recortar entre un 40 % y un 70 % del tamaño del código antes incluso de aplicar gzip.

Código de Producción Más Limpio

Descarta los logs de consola y las sentencias debugger para que la salida de depuración nunca llegue a los usuarios.

Cómo Minificar JavaScript

1

Pega o Sube tu JS

Escribe o pega tu script en el panel de entrada de la izquierda, o usa Subir para cargar un archivo .js. Pulsa Ejemplo para cargar código de muestra.

2

Configura las Opciones de Terser

Activa Mangle, Compress, Drop console y Drop debugger para ajustar la intensidad de la optimización.

3

Minifica

Haz clic en Minificar o pulsa Ctrl + Enter. Terser procesa el código y el resultado aparece al instante en el panel de salida.

4

Revisa y Exporta

Consulta la barra de estadísticas con el tamaño original, el minificado y el ahorro. Luego Copia la salida o Descárgala como archivo.

Atajo: pulsa Ctrl + Enter en el editor para minificar al momento.

Optimizaciones y Funciones

Opciones de Terser Explicadas

Cada opción corresponde a una transformación de Terser. En conjunto, manejan la sintaxis moderna ES6+ y producen una salida de producción fiable.

Opción	Qué Hace	Predeterminado
Mangle	Acorta los nombres de variables y funciones locales (p. ej. `userName` → `a`)	Activado
Compress	Aplica eliminación de código muerto y decenas de optimizaciones de tamaño	Activado
Drop console	Elimina todas las llamadas `console.*`	Desactivado
Drop debugger	Elimina las sentencias `debugger`	Activado

Motor de Nivel Producción

Soporte Completo de ES6+

Terser entiende funciones flecha, clases, plantillas literales, async/await y otras sintaxis modernas.

Limpieza de Depuración

Quita la salida de consola y los puntos de interrupción debugger para que nunca lleguen a producción.

Estadísticas de Compresión

Consulta el tamaño original, el minificado y el porcentaje ahorrado tras cada ejecución.

Sube o Pega

Carga un archivo .js desde el disco o pega el código directamente, lo que prefieras.

Precaución con Mangle: Terser solo renombra identificadores locales, nunca los globales ni las propiedades de objeto accedidas por cadena. Evita depender de los nombres de funciones o variables en tiempo de ejecución (por ejemplo, la reflexión de un framework) cuando el mangle está activado.

Preguntas Frecuentes

¿Mi código se envía a un servidor?

No. Terser se ejecuta localmente en tu navegador. Tu JavaScript nunca se sube, registra ni almacena en ningún lugar.

¿Qué hace "Mangle"?

El mangle acorta los nombres de variables y funciones locales —por ejemplo, myVariable se convierte en a— para reducir el tamaño del archivo sin cambiar el comportamiento del código. Solo renombra los identificadores que no quedan expuestos externamente.

¿Debo activar "Drop console" en producción?

Normalmente, sí. Eliminar las llamadas console.log reduce el tamaño del archivo y evita que la información de depuración llegue a los usuarios. Déjalo desactivado si tu aplicación registra intencionadamente en la consola en producción.

¿Qué motor de minificación se usa?

Esta herramienta usa Terser, el minificador de JavaScript más adoptado y el mismo motor que respalda a muchos empaquetadores modernos. Soporta por completo la sintaxis ES6+.

¿Puede romper mi código?

Terser es muy fiable, pero un mangle agresivo puede afectar al código que depende de los nombres de identificadores en tiempo de ejecución (como ciertos trucos de reflexión o serialización). Prueba siempre la salida minificada antes de desplegar y conserva tu código fuente original.