Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Minificador de JavaScript

Minificador de JavaScript

Minifica JavaScript en tu navegador con Terser para reducir el tamaño del archivo, con las opciones Mangle, Comprimir, Quitar console y Quitar debugger, y estadísticas de compresión en vivo.

Minifica JavaScript para reducir el tamaño del archivo

Este minificador de JavaScript comprime tu JS en el navegador para reducir el tamaño del archivo y acelerar las cargas de página. Con la tecnología de Terser, el minificador ES6+ estándar del sector, quita espacios y comentarios, acorta los nombres de las variables locales, elimina el código muerto y quita las sentencias de depuración para producir una salida compacta y lista para producción.

Se ejecuta por completo en tu navegador. Terser se ejecuta localmente, así que tu JavaScript nunca se sube ni se guarda: incluso el código propietario permanece en tu equipo.

Por qué minificar JavaScript

Carga y análisis más rápidos

Los scripts más pequeños se descargan más rápido y el motor analiza menos caracteres, reduciendo el tiempo hasta la interactividad.

Carga más ligera

El mangle y la compresión suelen recortar una gran parte del tamaño original antes incluso de aplicar gzip.

Código de producción más limpio

Quita los registros de console y las sentencias debugger para que la salida de depuración nunca llegue a los usuarios finales.

Cómo minificar código JS

1

Pega o sube tu JS

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

2

Configura las opciones de Terser

Activa Mangle, Comprimir, Quitar console y Quitar debugger para ajustar con qué agresividad se optimiza el código.

3

Minifica

La salida se actualiza automáticamente mientras escribes (con retardo). Para ejecutarla ahora, presiona Ctrl + Enter y el resultado aparece al instante en el panel de salida.

4

Revisa y exporta

Consulta la barra de estadísticas para ver el tamaño original, el tamaño minificado y el porcentaje ahorrado. Luego Copia la salida o Descárgala como minified.js.

Atajo: presiona Ctrl + Enter en el editor para minificar al momento; Tab inserta 4 espacios.

Optimizaciones y funciones de Terser

Opciones de minificación explicadas

Cada interruptor corresponde a una transformación de Terser. Los comentarios siempre se eliminan de la salida, independientemente de los interruptores de abajo.

OpciónQué hacePredeterminado
MangleAcorta los nombres de variables y funciones locales (p. ej. userNamea)Activado
ComprimirAplica eliminación de código muerto y muchas optimizaciones de tamañoActivado
Quitar consoleElimina todas las llamadas console.*Desactivado
Quitar debuggerElimina las sentencias debuggerActivado

Motor de nivel producción

Soporte completo de ES6+

Terser entiende las funciones flecha, las clases, las plantillas literales, async/await y otra sintaxis moderna.

Limpieza de depuración

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

Estadísticas de compresión en vivo

Consulta el tamaño original, el tamaño minificado y el porcentaje ahorrado después de cada ejecución, además de la salida resaltada por sintaxis.

Subir, copiar y descargar

Carga un archivo .js o pega código, luego copia el resultado o descárgalo como minified.js.

Precaución con Mangle: Terser renombra solo los identificadores locales, nunca los globales ni las propiedades de objeto a las que se accede 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 Mangle está activado.

Preguntas frecuentes

¿Se envía mi código a un servidor?

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

¿Minificar JavaScript mejora la velocidad de la página?

Sí. Eliminar espacios, comentarios y nombres de identificadores largos reduce el archivo para que se descargue y se analice más rápido. La barra de estadísticas muestra exactamente cuántos bytes ahorras en cada ejecución. La minificación combina bien con la compresión gzip/Brotli en el servidor.

¿Qué hace «Mangle»?

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

¿Debería activar «Quitar console» para producción?

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

¿Puedo desminificar o revertir la salida?

La minificación es unidireccional. Puedes volver a aplicar sangría al código minificado con un formateador para hacerlo legible de nuevo, pero los nombres de variables con mangle y los comentarios eliminados no se pueden restaurar: conserva siempre tu código original.

¿Qué motor de minificación se usa?

Esta herramienta usa Terser (versión 5.46.0), el minificador de JavaScript más adoptado y el mismo motor detrás de muchos empaquetadores modernos. Es totalmente compatible con la sintaxis ES6+.

¿Puede la minificación romper mi código?

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

Entrada
Salida
Error

Pega código a la izquierda para minificar automáticamente

Original 0 B Minificado 0 B
Ahorrado 0%
|
Pega o sube tu JavaScript y luego presiona Minificar o Ctrl+Enter para comprimirlo.
Mantén Mangle y Comprimir activados para obtener el resultado más pequeño.
Activa Quitar console para eliminar toda llamada console.* antes de pasar a producción.
Terser se ejecuta localmente: tu código nunca sale de tu navegador.
¿Quieres aprender más? Leer documentación →
1/5
Comience a escribir para buscar...
Buscando...
No se encontraron resultados
Pruebe con otras palabras clave