¿Qué hace un minificador de JavaScript?
El JavaScript es uno de los recursos que más afectan a la velocidad de una web: hay que descargarlo, analizarlo y ejecutarlo. Minificarlo reduce los bytes que viajan por la red y el texto que el navegador tiene que leer, sin cambiar lo que hace el código.
Esta herramienta usa Terser, uno de los minificadores de JavaScript más usados en el ecosistema web. Admite JavaScript moderno (ES2015 y posteriores: let, const, funciones flecha, clases, async/await, módulos). Tiene cuatro opciones: comprimir, que elimina código que nunca se ejecuta y simplifica expresiones; mangle, que acorta los nombres de variables y funciones locales; conservar los comentarios de licencia (/*! y @license); y eliminar las llamadas a console.*, útil para no dejar trazas de depuración en producción. Combinadas, la compresión y mangle son las opciones que más reducen el tamaño.
Ten en cuenta que no admite JSX ni TypeScript: primero hay que compilarlos a JavaScript. Si el código tiene un error de sintaxis, verás el mensaje del analizador con la posición del problema. Al terminar se muestran el tamaño antes y después y el porcentaje ahorrado. Si algo deja de funcionar tras minificar, prueba a desactivar mangle: suele ser la causa cuando otro código accede a una variable por su nombre.
El código se procesa en tu navegador y no se sube a ningún servidor, algo importante si trabajas con código privado. Tienes una prueba gratis con un archivo o un texto pegado; con ToolStudio Pro el uso es ilimitado y puedes minificar varios archivos .js, .mjs o .cjs a la vez y descargarlos en un ZIP.
¿Cómo minificar JavaScript?
- Pega tu código o arrastra un archivo .js, .mjs o .cjs.
- Activa las opciones que quieras: comprimir, mangle, conservar licencias y eliminar console.*.
- Pulsa el botón para minificar.
- Revisa el tamaño antes y después y el porcentaje ahorrado.
- Copia el resultado o descárgalo como archivo.
¿Cuándo conviene minificar JavaScript?
- Publicar scripts sueltos en una web sin sistema de build.
- Preparar un snippet o widget para que otros lo incrusten en su web.
- Reducir el peso de bookmarklets y scripts de usuario.
- Quitar los console.log antes de subir código a producción.
- Comprobar cuánto ocupa un script una vez minificado.
- Minificar scripts de etiquetas de analítica o de terceros que mantienes tú.
Compress y mangle: qué hace cada uno
Compress reescribe el código para que sea más corto: elimina ramas que nunca se ejecutan (if (false) { ... }), junta declaraciones, convierte if/else simples en operadores ternarios y precalcula expresiones constantes.
Mangle cambia los nombres de variables y funciones locales por nombres de una o dos letras, por ejemplo function sumar(precio, cantidad) pasa a function sumar(n,r). Los nombres globales y las propiedades de los objetos no se tocan, así que el código que llama a tus funciones desde fuera sigue funcionando.
Preguntas Frecuentes
¿Funciona con JSX o TypeScript?
No. Terser solo entiende JavaScript estándar. Compila antes tu JSX o TypeScript a JavaScript y después minifica el resultado.
¿Es lo mismo minificar que ofuscar?
No exactamente. Con mangle el código resulta difícil de leer, pero no está protegido: cualquiera puede formatearlo de nuevo. El objetivo de la minificación es reducir el tamaño, no ocultar el código.
¿Se puede recuperar el código original después?
Puedes volver a darle formato con el formateador de JavaScript, pero los nombres de variables acortados por mangle no se pueden recuperar. Guarda siempre tu versión original.
¿Qué hace la opción de eliminar console?
Quita las llamadas a console.log, console.warn, console.error y el resto de métodos de console del código minificado.
¿Es gratis?
Tienes una prueba gratis por herramienta: un archivo o un texto pegado. Después puedes volver a procesar ese mismo texto con otras opciones tantas veces como quieras, pero para procesar código nuevo necesitas ToolStudio Pro, que te da uso ilimitado de todas las herramientas, varios archivos a la vez descargados juntos en un ZIP y ninguna publicidad. Puedes cancelarlo cuando quieras.