Minificador de JavaScript gratis

Minifica código JavaScript para reducir el tamaño del archivo y mejorar el rendimiento. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.

Actualizado

Share:
Home/Code Tools/JavaScript Minifier

JavaScript Minifier

Minify JavaScript code with multiple optimization levels. Validate syntax, mangle variables, and generate source maps.

Input JavaScript

0 lines
0 B
1

Output

Minified output will appear here

Click "Minify JavaScript" to start

Optimization Levels

Basic

Removes whitespace and comments. Safe for all JavaScript code.

Standard

Adds boolean optimizations (true to !0). Safe for production use.

Aggressive

Enables variable mangling and more optimizations. Test carefully.

Privacy First: All processing happens locally in your browser. Your code is never sent to any server.

Preguntas Frecuentes

¿Qué es el Minificador de JavaScript?

El Minificador de JavaScript es una herramienta online gratuita que comprime código JavaScript eliminando espacios en blanco, acortando los nombres de variables y suprimiendo comentarios para reducir el tamaño del archivo.

¿Es gratis el Minificador de JavaScript?

Sí, es completamente gratis y no requiere registro. Toda la minificación ocurre en el lado del cliente, en tu navegador.

¿La minificación romperá mi código?

No, el Minificador de JavaScript conserva la funcionalidad mientras reduce el tamaño del archivo. El código minificado se ejecuta de forma idéntica al original.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El Minificador de JavaScript procesa todo en el lado del cliente, en tu navegador. No se sube ni almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿Funciona el Minificador de JavaScript en dispositivos móviles?

Sí, el Minificador de JavaScript es totalmente adaptable y funciona en smartphones y tabletas. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna aplicación.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita cuenta ni registro. Simplemente abre el Minificador de JavaScript en tu navegador y empieza a usarlo de inmediato. No hay muros de registro ni restricciones de uso.

¿Cómo uso el Minificador de JavaScript?

Simplemente introduce tus datos en el campo correspondiente, ajusta la configuración según tus preferencias y la herramienta los procesará al instante. Luego podrás copiar el resultado al portapapeles o descargarlo.

¿Qué navegadores son compatibles?

El Minificador de JavaScript funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

¿Cuál es la diferencia entre minificar y comprimir con gzip un archivo JavaScript?

Minificar y gzip resuelven el mismo problema en dos etapas distintas. La minificación reescribe el propio código fuente: elimina comentarios, espacios en blanco y saltos de línea, y puede acortar los nombres de las variables para que el archivo contenga la misma lógica en menos caracteres. Gzip (o Brotli) es un algoritmo de compresión que tu servidor o CDN aplica sobre la respuesta mientras viaja hacia el navegador, donde se descomprime automáticamente. Ambos se combinan: el código minificado se comprime mejor con gzip porque tiene menos formato redundante que el algoritmo deba codificar. Por eso primero se minifica y luego el servidor aplica gzip. Esta herramienta realiza el primer paso directamente en tu navegador y además estima el tamaño de transferencia con gzip, para que veas tanto el tamaño minificado en bruto como la cifra menor que realmente llega a tus usuarios. Pega tu script arriba para comparar el tamaño original, el minificado y el de gzip lado a lado.

¿Cuál es la diferencia entre los perfiles Seguro, Producción y Máximo?

Los tres perfiles intercambian compresión por riesgo. Seguro es el más conservador: elimina comentarios y colapsa espacios en blanco y saltos de línea, pero deja tu lógica completamente intacta, por lo que es la opción adecuada para código que no puedes volver a probar a fondo. Producción aplica el pase Seguro y añade una limpieza orientada al despliegue: elimina las instrucciones console y debugger y simplifica expresiones, generando un resultado listo para publicar. Máximo busca el archivo más pequeño posible: además de todo lo de Producción, elimina los puntos y coma opcionales, acorta los nombres de las variables locales y quita las declaraciones de variables sin usar. Cuanto más agresivo el perfil, más cambia el código, así que conviene volver a probar después de usar Máximo. Cada perfil es solo un punto de partida: un panel de opciones individuales te permite combinar pases a tu gusto, como conservar los comentarios pero ofuscar las variables. Elige un perfil arriba y luego ajusta las opciones según cuánto estés dispuesto a modificar el código.

¿Por qué el JavaScript minificado acorta los nombres de las variables?

Acortar los nombres de las variables, un proceso llamado a menudo "mangling" u ofuscación, sustituye nombres largos y descriptivos como userAccountBalance por nombres de uno o dos caracteres, como a o b. Esos nombres solo existen para ayudar a las personas a leer el código; al navegador no le importa cómo se llama una variable local, así que renombrarla no afecta en nada la ejecución mientras se respete el alcance (scope). Nombres más cortos significan menos caracteres que descargar e interpretar, algo que se nota mucho en un script real con cientos de referencias. El minificador solo ofusca variables locales, dejando intactas las variables globales y cualquier elemento al que otro código pueda hacer referencia por su nombre, de modo que el comportamiento no cambia. Esta ofuscación está incluida en el perfil Máximo y también disponible como opción independiente, y el panel de resultados indica cuántas variables se acortaron. Activa el acortamiento de variables arriba cuando quieras el resultado más pequeño posible y puedas volver a probarlo después.

¿Por qué debería generar un mapa de origen para el JavaScript minificado?

El código minificado es casi imposible de depurar directamente: las variables se renombran, las líneas se colapsan y un stack trace puede señalar la columna 4.000 de una sola línea. Un mapa de origen es un archivo .map independiente que registra cómo cada fragmento del resultado minificado se corresponde con tu código fuente original. Cuando las herramientas de desarrollo del navegador lo cargan, los errores y los puntos de interrupción se muestran sobre tu código legible y original en lugar del bloque comprimido, de modo que puedes depurar el resultado de producción como si nunca se hubiera minificado. El mapa se referencia con un comentario al final del archivo o mediante una cabecera HTTP, y normalmente se mantiene fuera de la descarga pública para que los visitantes no lo reciban. Esta herramienta puede generar un mapa de origen junto al script minificado como salida opcional. Activa la opción de mapa de origen arriba antes de minificar si planeas depurar el resultado más adelante.

¿Cómo conservo los comentarios de licencia al minificar JavaScript?

Por defecto, la minificación elimina todos los comentarios, ya que añaden bytes sin afectar la ejecución del código. Eso es un problema cuando la licencia de una dependencia exige que su banner de atribución permanezca en el archivo, porque borrarlo puede infringir los términos de la licencia. La convención es marcar esos comentarios de forma especial: un comentario de bloque que empieza con /*! o que contiene una anotación @license o @preserve indica "consérvame". Esta herramienta cuenta con una opción de conservar licencia que mantiene intactos exactamente esos comentarios de banner incluso con el perfil Máximo, más agresivo, mientras sigue eliminando los comentarios explicativos habituales. Así obtienes el archivo más pequeño posible que además es legalmente correcto para redistribuir. Activa la opción de conservar licencia arriba antes de minificar cualquier código que incluya librerías de terceros, y luego comprueba que el banner siga apareciendo en la parte superior del resultado.

Acerca del Minificador de JavaScript Gratuito

El Minificador de JavaScript Gratuito comprime el código JavaScript para que se descargue y se interprete más rápido en el navegador. Pega tu código, arrastra un archivo .js o trae un script mediante URL, y la herramienta elimina todo lo que el navegador no necesita en tiempo de ejecución —comentarios, sangría, saltos de línea y otros elementos de formato— y luego te muestra exactamente cuántos bytes ahorraste. Está pensada para desarrolladores front-end, autores de plugins y temas, y cualquiera que publique un script y quiera un archivo más liviano sin montar todo un pipeline de compilación.

Minificar consiste en eliminar caracteres que no afectan la forma en que se ejecuta el código. Los espacios en blanco, los saltos de línea y los comentarios hacen que el código sea legible para las personas, pero añaden peso que cada visitante tiene que descargar. En un script escrito a mano de forma típica, quitarlos reduce el archivo de manera notable; combinado con nombres de variables más cortos y otras optimizaciones, es habitual lograr ahorros reales del 30 al 60% antes de aplicar compresión.

Elige el nivel de agresividad de la compresión

El minificador incluye tres perfiles predefinidos para que puedas ajustar el resultado al riesgo que estás dispuesto a asumir:

  • Seguro — solo elimina comentarios y colapsa espacios en blanco y saltos de línea. La lógica queda intacta, por lo que es la opción de menor riesgo para código que no puedes volver a probar a fondo.
  • Producción — aplica el pase Seguro y además elimina las instrucciones console y debugger y simplifica expresiones, generando un resultado listo para desplegar.
  • Máximo — el resultado más pequeño posible. También elimina los puntos y coma opcionales, acorta los nombres de las variables locales y quita las declaraciones de variables sin usar.

Cada perfil es solo un punto de partida. Un panel de opciones individuales te permite combinar pases a tu gusto: conservar los comentarios pero ofuscar las variables, eliminar console.log sin simplificar expresiones, y así sucesivamente. Una opción de "conservar licencia" mantiene intactos los comentarios de tipo /*! ... */ y @license incluso con la configuración más agresiva, algo importante cuando la licencia de una dependencia exige que su atribución permanezca en el archivo.

Mira exactamente cuánto ahorraste

El resultado no es solo un bloque de texto comprimido. La herramienta muestra el tamaño original frente al minificado, el porcentaje de reducción, cuántos comentarios se eliminaron y cuántas variables se acortaron. También estima el tamaño de transferencia con gzip, la cifra que realmente llega a tus usuarios, ya que la mayoría de los servidores y CDN comprimen las respuestas antes de enviarlas. Una barra visual de comparación de tamaños facilita ver de un vistazo la diferencia entre el antes y el después, y de forma opcional puede generarse un mapa de origen (un archivo .map que vincula el código minificado con el original) para poder depurar el resultado comprimido desde las herramientas de desarrollo del navegador.

Antes de minificar, un validador ligero comprueba llaves, corchetes y paréntesis sin cerrar, así como cadenas, comentarios o plantillas literales sin terminar, señalando la línea y la columna exactas. También avisa sobre el uso de eval(), document.write() y instrucciones de depuración olvidadas, problemas que conviene corregir se minifique o no.

Tu código no sale de tu navegador

El código que pegas o subes se minifica por completo en tu propio equipo mediante JavaScript en el navegador. Nada de lo que pegues o abras se envía a ningún servidor, por lo que el código propietario o aún sin publicar permanece privado. No hace falta registrarse, no hay límite de tamaño de archivo más allá de la memoria de tu equipo, y sigue funcionando sin conexión una vez que la página ha cargado. La única excepción es el campo opcional "Obtener desde URL": como los navegadores bloquean las solicitudes entre distintos orígenes, esa función envía la dirección que introduces a través de un proxy CORS público para descargar el script remoto. Si un archivo es sensible, descárgalo tú mismo y usa la opción de subir o pegar en su lugar.

Cuándo usarlo

Un paquete más pequeño es una de las mejoras más económicas para la velocidad de página: menos que descargar, menos que interpretar y un camino más rápido hacia la interactividad. Usa el minificador para un script utilitario rápido, un recurso de WordPress o de una extensión de navegador, un widget incrustado, o un fragmento que vas a pegar en un CMS, en cualquier lugar donde una compresión puntual sea más rápida que configurar Terser o esbuild. Copia el resultado al portapapeles o descárgalo como archivo .min.js, listo para publicar.