Cómo usar: Minificador de JavaScript
- Pega tu JavaScript o abre un archivo
.js. - Deja activadas Comprimir y Acortar nombres para obtener la salida más pequeña; marca Módulo ES si tu código usa
import/export. - Opcionalmente, elimina las llamadas a
consoley elige qué comentarios conservar. - Copia el resultado o descárgalo como
.min.js.
¿Qué hace un minificador de JavaScript?
La minificación reduce el tamaño de JavaScript sin cambiar lo que hace. Elimina espacios en blanco y comentarios, acorta los nombres de variables y funciones locales, y reescribe el código en formas equivalentes más cortas. Los archivos más pequeños se descargan y analizan más rápido, lo que mejora la velocidad de la página y los Core Web Vitals, sobre todo en móviles.
Esta herramienta ejecuta Terser, el minificador detrás de Vite, webpack y Rollup, directamente en tu navegador.
Las opciones principales
| Opción | Qué hace | Riesgo |
|---|---|---|
| Comprimir | Elimina código inalcanzable, precalcula constantes (60 * 60 → 3600), simplifica condiciones y une sentencias | Muy bajo |
| Acortar nombres | Renombra variables y parámetros locales a una o dos letras | Bajo: el código que usa eval o Function.name puede fallar |
| Acortar nombres globales | También renombra funciones y variables globales | Rompe el código que otros scripts llaman por nombre |
| Módulo ES | Analiza import/export y activa el modo estricto y el acortado de nombres de nivel superior | Ninguno para módulos reales |
| Quitar console.* | Elimina console.log y llamadas similares | Quita registros que quizá quieras en producción |
Minificación frente a compresión
La minificación y la compresión gzip/Brotli trabajan juntas. La minificación suele reducir un archivo entre un 30 y un 60 %; después, la compresión gzip o Brotli del servidor reduce lo que queda otro 60–70 %. Las estadísticas de arriba muestran ambos valores: el tamaño minificado y el tamaño gzip que realmente viajará por la red.
Conservar comentarios de licencia
Las licencias de código abierto, como MIT, exigen que el aviso de copyright acompañe al código. Por convención, estos comentarios empiezan por /*! o contienen @license, y la opción predeterminada los conserva.
Solución de problemas
- Error de sintaxis: se muestran la línea y la columna. TypeScript y JSX deben compilarse antes a JavaScript.
- El código deja de funcionar tras acortar nombres: desactiva Acortar nombres globales; si no ayuda, revisa si hay
evalo código que lea nombres de funciones. - ¿Necesitas otra vez una versión legible? Usa el formateador de JavaScript para volver a dar formato al código minificado.
También se busca como: minificar js, minificador javascript, compresor javascript, uglify js online, terser online, comprimir javascript, minificar es6, minificador js online.
Herramientas que combinan con: Minificador de JavaScript
- Minificador de HTML — Reduce páginas y plantillas HTML eliminando comentarios y espacios en blanco innecesarios, minificando el <style> y el <script> inline y limpiando atributos, sin que cambie el diseño.
- Minificador CSS — Pega una hoja de estilos para reducirla al instante.
- Minificador JSON — Elimina todos los espacios innecesarios de tu JSON, valídalo al mismo tiempo y comprueba cuántos bytes ahorras, antes y después de gzip.
- Test de Compresión Web — Introduce una URL para ver qué compresión envía tu servidor para cada Accept-Encoding, cuántos bytes ahorra, si sus CSS y JavaScript están comprimidos y cuánto podría ahorrar Brotli.
Preguntas frecuentes
¿Terser es mejor que UglifyJS?
¿El código minificado se comportará exactamente igual?
eval, with o de nombres de funciones en tiempo de ejecución; en ese caso, desactiva el acortado.