Convertidor Gratuito

JavaScript Minificador

Minifica y comprime código JavaScript al instante en tu navegador. Elimina comentarios, comprime espacios y reduce el tamaño del archivo. Gratis y privado.

Arrastra y suelta un archivo JS aquí

Soporta archivos .js. O pega tu JavaScript arriba.

O

Acerca de esta herramienta

La minificación de JavaScript reduce el tamaño del código fuente eliminando caracteres innecesarios y (con minificadores adecuados) cambiando el nombre de las variables locales a nombres más cortos. La primera categoría (eliminación de espacios en blanco y comentarios) es sencilla y no conlleva riesgos. El segundo (cambio de nombre de variable) requiere comprender las reglas de alcance y es lo que los minificadores de producción como Terser y esbuild hacen mejor.

Esta herramienta se centra en la minificación segura: eliminando comentarios, colapsando espacios en blanco, eliminando puntos y comas redundantes y acortando patrones obvios. El cambio de nombre de las variables es conservador: solo se tocan las variables locales en ámbitos claros y los nombres con referencias externas se dejan en paz. El resultado es funcionalmente idéntico a la fuente.

Para la minificación a nivel de producción, las herramientas dedicadas (Terser, esbuild, swc) comprenden el modelo de alcance ECMAScript completo y producen resultados significativamente más pequeños. Esta herramienta sirve para minimizar rápidamente el lado del navegador cuando no hay disponible una configuración de compilación completa.

¿Por qué minimizar JavaScript?

Los paquetes de JavaScript suelen ser el recurso individual más grande en una página web moderna. La minificación produce habitualmente una reducción de tamaño de entre un 30% y un 60% en comparación con la fuente no minificada. Combinado con gzip o Brotli, la reducción se reduce un poco, pero la combinación aún ahorra bytes mensurables, particularmente para usuarios con conexiones lentas.

Un JavaScript más rápido también significa un tiempo de interacción más rápido. Los scripts más pequeños se descargan más rápido, se analizan más rápido y se ejecutan antes. Para los sitios donde el TTI afecta las tasas de rebote y la clasificación SEO, la minificación es una de las ganancias más baratas disponibles.

Cómo usarla

Pegue JavaScript y obtenga una versión más pequeña.

  1. Agregar entrada de JavaScript: Pegue la fuente en el área de entrada o suelte un archivo .js. El minificador acepta JavaScript moderno (ES2015+), incluidas funciones de flecha, literales de plantilla, clases y módulos.
  2. Elige opciones: Los valores predeterminados eliminan los comentarios y colapsan los espacios en blanco. El cambio de nombre de las variables locales es conservador; habilite un cambio de nombre más agresivo si necesita la máxima compresión.
  3. Minimizar: El minificador analiza la fuente, elimina espacios en blanco y comentarios y emite una salida compacta. Los errores de sintaxis en el código fuente producen mensajes de error claros.
  4. Usa la salida: Reemplace la fuente de su script en producción. Para una optimización completa, combínelo con un paquete que maneje la eliminación de códigos muertos y sacudidas de árboles.

Casos de uso comunes

Detalles técnicos

El minificador tokeniza JavaScript utilizando un analizador que respeta la sintaxis de ECMAScript. Los comentarios (de una sola línea y de varias líneas) se eliminan, excepto los comentarios de licencia marcados con /*! prefijo. Los espacios en blanco se contraen excepto cuando sea necesario sintácticamente (entre identificadores, después de las palabras clave).

El cambio de nombre de variable conservador acorta las variables locales en ámbitos sencillos. Los nombres globales, exportados e importados no cambian de nombre, lo que rompería las referencias externas. Para un cambio de nombre profundo, utilice Terser o esbuild con un análisis de módulo adecuado.

Casos extremos: la inserción automática de punto y coma (ASI) significa que el minificador debe conservar las nuevas líneas en algunos contextos para evitar cambiar el comportamiento del programa. Los literales de plantilla, los literales de expresiones regulares y JSX (si la entrada lo incluye) se conservan exactamente porque es posible que no sea seguro comprimir su contenido.

Mejores prácticas

Preguntas frecuentes

¿La minificación cambia el funcionamiento de mi código?
No. La minificación elimina los espacios en blanco y los comentarios, que no afectan la ejecución. El acortamiento de variables (mangling) cambia el nombre de las variables locales pero preserva el comportamiento. Las variables globales y los nombres exportados se mantienen intactos.
¿Debo minimizar el desarrollo o la producción?
Utilice únicamente código minimizado en producción. Durante el desarrollo, conserve el código legible original. La mayoría de las herramientas de compilación (Webpack, Vite, esbuild) manejan la minificación automáticamente como parte del proceso de compilación de producción.
¿Cuál es la diferencia entre minificación y ofuscación?
La minificación reduce el tamaño y al mismo tiempo mantiene el código funcionalmente legible si se formatea. La ofuscación intencionalmente hace que el código sea difícil de entender (codificación de cadenas, aplanamiento del flujo de control). Esta herramienta se centra en la reducción de tamaño, no en la ofuscación.
¿Cuánta reducción de tamaño debo esperar?
Normalmente entre un 30 y un 60 % antes de gzip. El código bien comentado con nombres de variables largos obtiene las mayores reducciones. Combinados con la compresión gzip, los archivos JavaScript suelen ser entre un 80 y un 90 % más pequeños que la fuente original.
¿Mi código está subido a un servidor?
No. El minificador se ejecuta en su navegador.
¿Cuánto más pequeño será mi JavaScript?
Normalmente, una reducción del 30 al 60 %. El código con muchas variables y identificadores largos se comprime más; El código con muchas expresiones se comprime menos.
¿Debo minimizar a mano?
Nunca. Mantenga JavaScript legible en la fuente. Ejecute la minificación como paso de compilación o como parte de la implementación.
¿Funciona en TypeScript?
TypeScript debe compilarse primero en JavaScript usando tsc o esbuild. Una vez compilado, el JavaScript resultante se puede minimizar.