Minificador de JavaScript JS
Elimine los comentarios y contraiga los espacios en blanco de JavaScript para ver qué parte de un archivo tiene formato en lugar de código. El minificador se ejecuta en su navegador en el texto que pega, lo que lo convierte en una forma rápida de reducir un fragmento o inspeccionar la diferencia de tamaño sin configurar un paso de compilación.
como funciona
- 1
Pega el JavaScript que deseas comprimir.
- 2
Ejecute el minificador: se eliminan los comentarios y se contraen los espacios en blanco alrededor de los operadores y la puntuación.
- 3
Compare el tamaño antes y después para ver cuánto le costó el formato.
- 4
Copie el resultado o conserve el original si el código contiene las construcciones enumeradas en los límites siguientes.
Ventajas y beneficios clave
Comparación de tamaño inmediata
Verá la longitud original y comprimida juntas, lo que responde a la pregunta práctica de si vale la pena minimizar este archivo.
Sin herramientas de construcción
Útil para un fragmento, un script en línea o un archivo único donde conectar un paquete llevaría más tiempo que la tarea.
Se ejecuta localmente
El código que pega se procesa en la pestaña, por lo que la fuente propietaria nunca llega al servidor.
Salida legible
El resultado sigue siendo un texto JavaScript válido que puedes inspeccionar, no un blob ofuscado.
Para qué lo usa la gente
- Reducir un pequeño script en línea antes de incrustarlo en una página o plantilla de correo electrónico.
- Comprobar qué parte de un archivo son comentarios y sangrías antes de optimizar cualquier otra cosa.
- Comprimir un fragmento para un campo con caracteres limitados, como una plantilla personalizada del administrador de etiquetas.
- Demostrando lo que hace la minificación al explicar un proceso de construcción.
Formatos y opciones compatibles
| Entrada | Fuente de JavaScript pegada como texto |
|---|---|
| Eliminado | Comentarios de línea, comentarios de bloque, espacios en blanco redundantes y espaciado alrededor de operadores y puntuación |
| Salida | Texto JavaScript minimizado, copiado al portapapeles. |
Privacidad y manejo de datos
El código que pega se procesa mediante JavaScript en la pestaña de su propio navegador y nunca se carga, lo cual es importante cuando la fuente no es pública.
Límites y cosas que debes saber
- Este es un minificador de espacios en blanco y comentarios basado en la coincidencia de patrones, no un analizador. No cambia el nombre de las variables, no deja caer el código muerto ni realiza la sacudida del árbol que hace un paquete.
- Debido a que no analiza el lenguaje, puede dañar el código donde aparecen secuencias tipo comentario u operador dentro de cadenas, literales de plantilla o literales de expresión regular; una URL como https://example.com dentro de una cadena es el caso clásico.
- Verifique siempre la salida antes de enviarla. Para compilaciones de producción, use esbuild, Terser o el minificador de su paquete, que analizan el código correctamente.
Solución de problemas
El código minimizado arroja un error.
Busque cadenas o literales de expresiones regulares que contengan // o /*; el comparador de patrones los trata como comentarios. Conserve el archivo original y minifíquelo con una herramienta basada en analizador como Terser o esbuild.
La inserción automática de punto y coma interrumpe el resultado
El código que se basa en nuevas líneas para finalizar declaraciones puede cambiar de significado cuando los espacios en blanco colapsan. Agregue punto y coma explícitos en la fuente antes de minimizar.
El ahorro parece pequeño
La eliminación de espacios en blanco por sí sola normalmente ahorra mucho menos que la compresión gzip o Brotli en el servidor. Habilite la compresión en su host antes de optimizar aún más la fuente.
JavaScript Minifier — Compress JS Code Online Free
This free JavaScript minifier compresses JS files for production by stripping comments, line breaks and superfluous whitespace. Paste a script, minify it, and copy a leaner bundle that parses and executes faster on low-end mobile devices.
- Compress JavaScript for faster load times — smaller scripts mean fewer bytes over the wire and less main-thread parse time — the two costs that dominate JavaScript performance budgets.
- Comment and whitespace stripping — development notes, dead formatting and generous indentation are removed from the shipped output.
- Copy-paste ready — minified JS lands on your clipboard in one click, ready to drop into a build folder, a CMS template or an inline script tag.
- No build tooling required — a practical option when you are editing a WordPress theme, a landing page or a legacy site with no webpack, Vite or Rollup pipeline.
- Private, in-browser minification — unreleased product code and API glue never leave the tab — nothing is uploaded to a minification server.
Minify your stylesheets with the CSS Minifier too, and use the Base64 Converter when you need to inline a small asset into the script itself.
Preguntas frecuentes
Is this safe to use on production code?
Treat it as a quick utility, not a build step. It matches patterns rather than parsing JavaScript, so it can damage code where comment-like or operator-like sequences appear inside strings, template literals or regular expressions. Verify the output, and use esbuild or Terser for anything you ship.
Why did my minified code stop working?
The usual cause is a URL inside a string — the double slash in https:// looks like the start of a comment to a pattern matcher. Code that relies on newlines for automatic semicolon insertion is the other common failure.
Does it rename variables like a real minifier?
No. It removes comments and collapses whitespace only. Variable renaming and dead-code elimination need a parser that understands scope, which is what bundler minifiers do.
¿Es seguro implementar JS minificado?
Sí, el código minimizado mantiene una lógica funcional 100% exacta.
¿Es seguro usarlo en código de producción?
Trátelo como una utilidad rápida, no como un paso de construcción. Coincide con patrones en lugar de analizar JavaScript, por lo que puede dañar el código donde aparecen secuencias similares a comentarios u operadores dentro de cadenas, literales de plantilla o expresiones regulares. Verifique el resultado y use esbuild o Terser para cualquier cosa que envíe.
¿Por qué mi código minificado dejó de funcionar?
La causa habitual es una URL dentro de una cadena: la doble barra en https:// parece el comienzo de un comentario para un comparador de patrones. El código que se basa en nuevas líneas para la inserción automática de punto y coma es el otro error común.
¿Cambia el nombre de las variables como un minificador real?
No. Elimina comentarios y contrae únicamente espacios en blanco. El cambio de nombre de variables y la eliminación de códigos muertos necesitan un analizador que comprenda el alcance, que es lo que hacen los minificadores de paquetes.
Herramientas relacionadas
Minificador y formateador de CSS
Minimice el código CSS para reducir el tamaño del archivo o embellecer el código
Formateador JSON
Formatee, valide y minimice JSON al instante
Probador de expresiones regulares (RegEx)
Pruebe y depure expresiones regulares en tiempo real
Generador y desinfectante de URL Slug
Convierta títulos y texto de blogs en slugs de URL limpios