Minificador de JavaScript

Un JavaScript más ligero que hace exactamente lo mismo

La sangría, los comentarios y las líneas en blanco hacen que el código JavaScript se lea con comodidad, para ti y para quien trabaje contigo. El navegador no necesita nada de eso, pero cada visitante lo descarga igualmente. El minificador de JavaScript de Jood quita lo que sobra y te devuelve una versión más pequeña que funciona igual.

Cómo se usa

1. Pega tu código en la casilla «Código fuente», hasta 2 MB.
2. Pulsa «Empezar ahora».
3. Copia el resultado con «Copiar resultado» y guárdalo en un archivo aparte, por ejemplo app.min.js.

Qué cambia en el código

• Los comentarios, de una línea o de bloque, se eliminan, salvo los comentarios de licencia que empiezan por /*!, que se quedan tal cual.
• Los espacios y la sangría desaparecen, excepto el espacio imprescindible entre dos palabras, como en return total.
• Las cadenas, las plantillas entre comillas invertidas y las expresiones regulares no se tocan. Una dirección con // dentro de una cadena nunca se confunde con un comentario.

En nuestra prueba, una función corta con dos comentarios y una sangría normal pasó de 182 a 107 bytes, alrededor de un 40 por ciento menos.

Por qué quedan algunos saltos de línea

El resultado no siempre ocupa una sola línea, y es a propósito. JavaScript permite escribir código sin punto y coma al final de cada línea, y entonces es el salto de línea el que marca dónde acaba una instrucción. Si se quitara, dos instrucciones quedarían pegadas, lo que cambiaría lo que hace el código o provocaría un error. Por eso la herramienta solo elimina un salto de línea donde está segura de que no cambia nada, por ejemplo después de un punto y coma o de un paréntesis de apertura, y lo mantiene en los demás casos.

Lo que la herramienta no hace

No cambia los nombres de las variables por letras cortas, no elimina el código que no se usa y no busca errores: si el original tiene un fallo, seguirá en la versión minificada. Herramientas especializadas como Terser van más allá y consiguen archivos más pequeños, y las herramientas de compilación como webpack o Vite minifican automáticamente la versión de producción. Para un script pequeño de tu web, un fragmento que añades a una plantilla de WordPress o un archivo que no pasa por ninguna compilación, esta herramienta es el camino más corto.

Antes de publicar

• Guarda el original para editarlo y no retoques nunca a mano la versión minificada.
• Prueba la página después de cambiar el archivo y abre las herramientas de desarrollo del navegador para comprobar que no aparecen errores nuevos en la consola.

Para las hojas de estilo usa el minificador de CSS, y para las páginas web, el minificador de HTML. El código se envía al servidor de Jood, se minifica y no se guarda.

Preguntas frecuentes