Entrada

Salida minificada

¿Qué es el minificador JavaScript?

Cada kilobyte que ahorras en tu bundle JavaScript significa una carga de página más rápida — y las pautas de web.dev performance y Google PageSpeed Insights lo notan. Este minificador elimina instantáneamente espacios, comentarios y tokens innecesarios de tu código JavaScript. La especificación ECMAScript define el lenguaje; la minificación preserva el comportamiento. En pipelines de build de producción, herramientas como Terser y UglifyJS lo hacen automáticamente — para una minificación rápida sin configuración, esta herramienta lo hace directamente en tu navegador.

Esta herramienta se ejecuta por completo en tu navegador. No se envía nada a ningún servidor. Pega JS o sube un archivo; obtén salida minificada. Para formatear (lo contrario), usa Formateador JavaScript. Para validar, usa Validador JavaScript. Para mayor protección, usa Ofuscador JavaScript.

Cómo usar esta herramienta

1

Pegar o subir

Pega JavaScript en el panel izquierdo o sube un archivo .js o .txt. Usa Ejemplo para cargar código de muestra. Usa Borrar para restablecer.

2

Ver salida minificada

El panel derecho muestra el código minificado. Se eliminan espacios y comentarios. El JS inválido mostrará un error.

3

Copiar o descargar

Usa Copiar o Descargar para obtener el código minificado. En producción, considera también compresión gzip o brotli.

Ejemplos del minificador JavaScript

Aquí hay un ejemplo de minificación de código JavaScript formateado.

Ejemplo: función fetch de API

Entrada formateada:

Entrada

Salida minificada:

Salida

Cuándo ayuda el minificador JavaScript

Al preparar bundles de producción con webpack o rollup, reducir ancho de banda u optimizar tiempos de carga, la minificación reduce archivos JS. Úsalo con herramientas de build o manualmente para comprobaciones rápidas. Para ofuscación (más difícil de revertir), usa Ofuscador JavaScript.

Preguntas frecuentes

¿Mis datos son privados?

Sí. La minificación se ejecuta por completo en tu navegador. No se envían datos a ningún servidor.

¿Minificador u ofuscador?

El minificador reduce el tamaño del código. El ofuscador lo hace difícil de leer e ingeniería inversa. La ofuscación suele incluir minificación.

¿Rompe mi código?

Una minificación válida conserva el comportamiento. La inserción de punto y coma y casos límite pueden causar problemas; prueba la salida.

¿Y los source maps?

Esta herramienta no genera source maps. Para builds de producción con source maps, usa webpack, rollup o Vite. Consulta MDN sobre source maps.

¿Puedo desminificar?

Usa Formateador JavaScript para añadir sangría. No restaura comentarios ni nombres de variables originales.

Herramientas relacionadas

ECMAScript. MDN JavaScript. Terser. webpack. rollup.