Minifica JavaScript con Terser — quitando comentarios y espacios, acortando los nombres de variables locales y simplificando expresiones — o devuelve el código minificado a una forma legible. Como Terser es un analizador real, la sintaxis moderna (funciones flecha, clases, encadenamiento opcional) se trata correctamente, y un error de sintaxis da un mensaje claro en lugar de una salida rota.
Minificar vs. Embellecer
Minificar reduce tu JavaScript al menor tamaño funcional posible — eliminando comentarios y espacios en blanco, acortando los nombres de las variables locales y simplificando expresiones. Funciona con Terser, un analizador de JavaScript real, así que la sintaxis moderna (funciones flecha, plantillas de cadena, clases, encadenamiento opcional) se procesa correctamente en lugar de romperse con una simple sustitución de texto; si tu código tiene un error de sintaxis, recibirás un mensaje claro que lo señala. Embellecer hace lo contrario, volviendo a aplicar sangría al código minificado o desordenado para que sea legible de nuevo.
Cómo usar el Minificador de JavaScript
- Pega — pega el JavaScript que quieres minificar o embellecer en el cuadro de entrada de arriba.
- Elige la sangría — escoge entre 2 espacios, 4 espacios o tabulador (solo se aplica al resultado de embellecer, no afecta a la minificación).
- Ejecuta — pulsa el botón "Minificar" o "Embellecer". La primera vez que pulsas "Minificar", la biblioteca Terser se descarga una vez y luego se ejecuta.
- Copia — comprueba el indicador de tamaño reducido y usa el botón "Copiar" para llevar el resultado al portapapeles.
¿Se minifica de forma segura la sintaxis moderna (funciones flecha, clases, etc.)?
Sí. La minificación se realiza con Terser, un analizador de JavaScript real, por lo que entiende y procesa correctamente la sintaxis ES moderna como funciones flecha, plantillas de cadena, clases, encadenamiento opcional y desestructuración. También se conservan las partes que se habrían roto con una simple sustitución de texto, como los literales de expresiones regulares o el texto que parece un comentario dentro de una cadena.
¿La minificación cambia el comportamiento del código?
No. Terser solo aplica transformaciones que preservan el comportamiento del código — el acortamiento de nombres de variables locales, la eliminación de código muerto y la simplificación de expresiones se hacen de forma segura para que el resultado sea idéntico. No obstante, los identificadores expuestos al exterior, como los nombres de variables o funciones globales, no se cambian arbitrariamente porque otro código podría hacer referencia a ellos.
¿Qué pasa si hay un error de sintaxis?
Como Terser analiza realmente el código, si hay un error de sintaxis —paréntesis desemparejados o un token no válido— detiene la minificación y muestra un mensaje claro que señala la ubicación del problema (línea y columna). En lugar de producir silenciosamente un resultado incorrecto, te indica dónde corregir; arregla el punto señalado y vuelve a intentarlo.
¿Se sube mi código? ¿Por qué la breve pausa en la primera minificación?
No se sube nada — todo se ejecuta en tu navegador. El minificador Terser es una biblioteca grande, así que para mantener esta página cargando rápido se descarga solo la primera vez que pulsas Minificar (puede que veas una breve pausa "Minificando…" una vez); después queda en caché. Embellecer es instantáneo. Cuando termines, el indicador de tamaño muestra cuántos bytes ha ahorrado la minificación, y Copiar coloca el resultado en tu portapapeles.