Desarrollo Web
JS Minify / Beautify
Comprimir JavaScript para producción o formatear código minificado en un formato legible.
Demasiado grande para previsualizar
Demasiado grande para previsualizar
Minifying JavaScript strips whitespace, comments, and line breaks, and often shortens local variable names — none of that changes how the code runs, but it noticeably shrinks the file for a faster load.
How to use it
- Minify: paste JavaScript code and the tool compresses it while keeping its behavior identical.
- Beautify: paste minified code with no indentation to get a readable version for analysis or debugging.
- Beautifying is especially useful for picking apart a third-party minified script when no source map is available.
Common uses
- Quickly minifying a small script without setting up a full build tool.
- Beautifying minified code from a third-party library to understand what it does.
- Inspecting a suspicious or unclear minified script before trusting it to run.
Things to keep in mind
Minification isn't obfuscation — variables get renamed to shrink size, not to hide logic; serious obfuscation needs dedicated specialized tools.
Minified code in production without a source map is hard to debug — the line numbers in error messages won't match the original file.
Artículo sobre esta herramienta: Minificación de JavaScript: la diferencia entre minificar y ofuscar
Preguntas frecuentes
¿Qué herramienta usa el minificador internamente?
Usa terser, un minificador y compresor de JavaScript ampliamente usado que también entiende sintaxis moderna.
¿Por qué es más difícil depurar JavaScript minificado?
Terser acorta los nombres de variables y funciones y elimina espacios y comentarios, y como esta herramienta no genera un source map, las herramientas de desarrollo del navegador no pueden mapear el código minificado a las líneas originales legibles.
¿La minificación romperá mi código?
Para JavaScript sintácticamente válido, la minificación preserva el comportamiento; si hay un error de sintaxis, la herramienta informa la línea y columna para que puedas corregirlo antes de minificar — todo se ejecuta localmente sin subir tu código.
¿En qué se diferencia el tree shaking de la minificación?
El tree shaking elimina del bundle el código que no se usa en ningún sitio, analizando el grafo de dependencias entre módulos durante el build, mientras que la minificación solo acorta la representación textual del código que ya existe — no elimina ninguna función que realmente se ejecute.
¿Es seguro usar JavaScript minificado en producción sin pruebas adicionales?
Sí, la minificación es una transformación puramente sintáctica que mantiene idéntico el comportamiento del programa; cualquier diferencia de comportamiento tras minificar apunta a un fallo en el propio minificador, no a un cambio intencionado en la lógica.