Minificador de JavaScript: Minify JS en línea gratis

JS input

Share X / Twitter Facebook LinkedIn WhatsApp

Cómo usar Minificador de JavaScript

Pegue su JavaScript: un fragmento, un widget o un archivo de secuencia de comandos completo.
Lea el resultado minimizado y la comparación de tamaños al instante.
Copia el código comprimido en su página, cuadro de secuencia de comandos CMS o archivo .js.
Conserve la fuente original para futuras ediciones: edite la fuente, vuelva a minimizar, volver a implementar.

¿Cuál es Minificador de JavaScript?

Un minificador de JavaScript reduce los archivos de script eliminando lo que el motor ignora (comentarios, saltos de línea, sangrías, espacios innecesarios) y deja el código ejecutable intacto, por lo que el archivo minificado se ejecuta exactamente como el original en una fracción del tamaño.

El tamaño de JS afecta el rendimiento dos veces: bytes a través de la red, luego analiza y compila el tiempo en el dispositivo, y en teléfonos de gama media, analizar un paquete grande puede costar más milisegundos que descargarlo. Ese doble costo es la razón por la cual cada sitio de producción incluye JavaScript minimizado y por qué la práctica se incluye en todas las herramientas de compilación serias.

Sobre el Minificador de JavaScript

Pegue su JavaScript y obtenga la versión minimizada al instante con el ahorro de tamaño que se muestra: eliminación segura de espacios en blanco y comentarios que nunca altera el comportamiento.

Dónde encaja: scripts fuera de cualquier canal de compilación: el fragmento de análisis pegado en un CMS, un pequeño widget en un sitio codificado a mano, cuadros JS personalizados en temas de WordPress o Shopify, muestras de código que envía en documentos; además de verificaciones rápidas de tamaño antes y después para decidir si vale la pena optimizar un script. Los paquetes completos (Vite, webpack, esbuild) van más allá (cambian el nombre de las variables y eliminan el código muerto), pero requieren un paso de compilación; esto cubre todo lo que no tiene uno.

Mantenga la fuente legible como su copia de trabajo y trate la salida minimizada como el artefacto de envío. Consejo de depuración: la "impresión bonita" de DevTools del navegador (botón {}) vuelve a formatear el código minificado de manera legible cuando necesita recorrerlo. Todo se procesa localmente en su navegador.

Preguntas Frecuentes

La minificación de espacios en blanco y comentarios es segura para código válido. El problema histórico es el código que se basa en la inserción automática de punto y coma: un punto y coma faltante antes de una línea que comienza con ( o [ puede cambiar de significado cuando las líneas se unen. Un código bien formado (o un pase de linter) elimina el riesgo.

La eliminación de comentarios y espacios en blanco normalmente ahorra entre un 15% y un 35%. La minificación completa de la herramienta de compilación con cambio de nombre variable alcanza entre un 40% y un 60%, y gzip en la parte superior reduce la transferencia total entre un 70% y un 85% en comparación con la fuente original.

No, la minificación simplemente elimina el formato; la lógica sigue siendo legible después de la impresión bonita. La ofuscación codifica deliberadamente el código para resistir la lectura. El código minimizado ofrece cero secreto: nunca coloque claves API o secretos en el frontend JS, minificado o no.

Porque JS debe analizarse y compilarse después de la descarga, y eso depende de la CPU: un paquete que una computadora de escritorio analiza en 100 ms puede tardar entre 1 y 2 segundos en un teléfono de gama media. Enviar menos JS es la solución de mayor impacto en el rendimiento móvil.

Abra DevTools → Fuentes y haga clic en el botón {} de impresión bonita para volver a formatearlo de forma legible. Las canalizaciones de compilación también emiten mapas de origen que asignan el código minimizado al original; en el caso de fragmentos pegados, tenga a mano una copia legible.