Minificador JavaScript
Archivos más pequeños, el mismo comportamiento
Este minificador JavaScript gratis funciona en línea y mantiene el comportamiento de tu código: lo analiza, acorta los nombres, quita lo que nada alcanza y te devuelve un archivo mucho más pequeño. Primero, pega tu script o suelta tus archivos. Luego pulsa un botón. Por último, copia el resultado, porque todo el trabajo ocurre en esta pestaña.
- GratisPrecio
- No hace faltaCuenta
- NingunaSubidas
- En cada pasadaVerificado
Minificador de JavaScript
Pega tu código o suelta tus archivos — sin subir nada
Resultado minificado
- Original
- —
- Minificado
- —
- Ahorrado
- —
- Con gzip
- —
- Nombres acortados
- —
- Tardó
- —
Listo. Pega tu JavaScript y pulsa Minificar o Embellecer.
¿Qué es un minificador JavaScript?
Un minificador JavaScript toma un archivo escrito para que lo lean personas y lo reescribe para que lo descargue un navegador. Tus comentarios se van. Tu sangría se va. Tus nombres largos y descriptivos se vuelven cortos. Sin embargo, el código hace exactamente lo mismo que antes, porque nada de eso cambia lo que significa el programa.
El ahorro es real. Un script legible es sobre todo espacios y nombres, y ambos son bytes que tus visitantes pagan en cada visita. Por lo tanto, un archivo que baja de 40 KB a 18 KB llega antes a un móvil, a una conexión lenta y al otro lado del mundo.
Este analiza tu código en lugar de adivinarlo. Construye un árbol sintáctico, renombra lo que es seguro renombrar, borra lo que nada puede alcanzar, calcula de antemano la aritmética que puede y luego vuelve a leer su propia respuesta para comprobarla. Las secciones siguientes explican cada paso, incluso dónde se detiene a propósito.
Un minificador vive o muere según dónde terminan de verdad las sentencias. La referencia de MDN sobre la gramática léxica de JavaScript es el reglamento de eso.
Cuándo minificar JavaScript
Minifica al final, nunca al principio. Quieres el archivo legible en tu editor y el pequeño en tu servidor. Así que conserva el original, publica la salida y nunca edites a mano la copia minificada.
Importa sobre todo en los scripts que carga cada página. Por ejemplo, un paquete compartido que descarga cada visitante merece más atención que un script en una página que nadie abre.
Lo que este minificador JS no hará
No renombrará nada que no pueda demostrar que es seguro. Si tu archivo contiene un bloque `with` o una llamada directa a eval, un nombre puede buscarse como cadena mientras se ejecuta el código, y ningún analizador puede seguir eso. En esos archivos el renombrado se desactiva para todo el archivo y la herramienta te dice por qué, en lugar de publicar un renombrado que se rompa en producción.
No renombrará tus nombres de nivel superior salvo que marques la casilla. El código pegado suele ser un script clásico, donde una función de nivel superior se convierte en una propiedad de window que otro archivo puede llamar por su nombre. En cambio, dentro de un módulo o una IIFE nada exterior puede alcanzar esos nombres, así que ahí la opción son bytes gratis.
No tocará las globales ni las APIs del navegador. window, document y console no son tuyos para renombrar, así que se quedan tal cual, junto con todo lo importado, exportado o nunca declarado en el archivo que le diste.
Una nota sobre los source maps
Esta herramienta todavía no escribe source maps, así que un rastro de pila de una salida renombrada nombrará las funciones por sus nombres cortos. Si necesitas rastros legibles más que los últimos bytes, desactiva el renombrado; las demás pasadas siguen funcionando y conservas tus nombres originales.
En esta página
- La herramienta
- ¿Qué es un minificador JavaScript?
- Minifica JavaScript en cuatro pasos
- Un minificador JavaScript que revisa su propio trabajo
- Sacar el máximo partido a este minificador JS
- Errores que rompen una compilación minificada
- Dudas habituales sobre el minificador JavaScript
- Otras herramientas que puedes usar ya
Sigue leyendo
Minifica JavaScript en cuatro pasos
Ni programas, ni alta, ni colas. Basta con esta misma pestaña del navegador.
- 1
Añade tu código
Pega un script en el editor o suelta tus archivos .js en la pestaña de subida. Ambas vías funcionan igual.
- 2
Elige qué se va
Los comentarios se van por defecto, y también se aplican el renombrado, la eliminación de código sin usar y el plegado de constantes. Además, puedes quitar las llamadas a console y las sentencias debugger si publicas en producción.
- 3
Pulsa minificar
La herramienta analiza todo tu archivo, reescribe el árbol y luego vuelve a leer su propia respuesta antes de mostrártela.
- 4
Copia o descarga
Llévate el resultado como texto o guárdalo como archivo .min.js. Mientras tanto, tu original se queda exactamente como lo dejaste.
Un minificador JavaScript que revisa su propio trabajo
La mayoría de las herramientas te dan un archivo y esperan que funcione. En cambio, esta lee el resultado antes de que tú lo veas.
Verifica cada pasada
Tras minificar, vuelve a convertir su propia salida en un árbol sintáctico y la compara con tu original: cada nombre al que el código sigue recurriendo y la forma del propio árbol. Si algo se desvió, lo dice y te devuelve tu original en lugar de callar.
Entiende la sintaxis real
Las plantillas literales, las expresiones regulares, los campos de clase, el encadenamiento opcional y BigInt se leen correctamente. Así, una barra nunca se confunde con un comentario.
No te saltes los punto y coma
Donde JavaScript inserta un punto y coma por ti, el salto de línea se queda. Como ese salto cuesta un byte, conservarlo sale gratis y además es más seguro.
Las imágenes nunca salen de esta pestaña de Denwix
Tu JavaScript no se envía a ningún servidor de Denwix. No hay petición, ni almacenamiento, ni registro, así que incluso el trabajo privado se puede pegar aquí con seguridad.
Conserva tus licencias
Los comentarios de cabecera marcados con un signo de exclamación, @license o @preserve se quedan en el archivo. Por lo tanto, puedes minificar código que debes acreditar.
Muestra la cifra real
Ves el tamaño con gzip además del bruto, porque gzip es lo que realmente viaja hasta tu visitante.
Sacar el máximo partido a este minificador JS
Unos pocos hábitos mantienen predecible una compilación minificada.
- Conserva el original. Edita siempre el archivo legible. Así, la copia minificada es algo que generas, nunca algo que mantienes.
- Minifica al final. Ejecútalo después de tu empaquetador y de tus pruebas. De lo contrario, pruebas un archivo y publicas otro.
- Sírvelo con gzip. Minificar y comprimir suman ahorros distintos. Como resultado, el tamaño transferido queda muy por debajo de lo que ocupa el archivo en disco.
- Quita las llamadas a console a propósito. Esa opción viene desactivada por defecto, porque una línea de registro a veces sostiene algo. Actívala cuando sepas que no es así.
- Fíjate en la marca de verificado. Si alguna vez dice que una pasada no se verificó, no publiques ese archivo. En cambio, envíanos el caso y conserva tu original.
- Cuida los avisos de licencia. Deja activada la opción de avisos cuando tu código lleve una nota de atribución que debes conservar.
Errores que rompen una compilación minificada
Casi todas las historias de "el minificador rompió mi web" son una de estas tres.
Editar el archivo minificado
Los cambios ahí desaparecen la próxima vez que compilas. Así que el arreglo siempre va en el código fuente.
Depender de los nombres de las funciones
El código que lee fn.name, o compara el nombre de una clase como cadena, se rompe con cualquier minificador que renombre, incluido este. Por eso, desactiva el renombrado en esos archivos o deja de depender del nombre.
Minificar dos veces
Pasar otra vez un archivo ya minificado no ahorra nada y solo hace más difícil de leer una comparación.
Dudas habituales sobre el minificador JavaScript
¿Este minificador JavaScript romperá mi código?
No debería, y lo comprueba en lugar de suponerlo. Vuelve a analizar su propia salida y la compara con tu original, tanto los nombres a los que recurre el código como la forma del árbol, así que detecta y avisa de una cadena corrupta, un paréntesis perdido o un renombrado que capturó la variable equivocada. Si una pasada no se verifica, recuperas tu original intacto.
¿Cuánto más pequeño será mi archivo?
El código legible suele bajar entre un 40 y un 60 por ciento, y la herramienta te muestra la cifra exacta de tu archivo. El código muy comentado y con nombres largos es el que más ahorra; en cambio, el código ya compacto ahorra mucho menos, porque queda menos que quitar.
¿Renombra variables como otras herramientas?
Sí. Analiza cada ámbito del archivo y da nombres cortos a variables locales, parámetros y funciones, los más cortos a lo que más aparece. Las globales, las APIs del navegador como window y document, los imports y los exports nunca se renombran; además, si el archivo contiene un bloque `with` o un eval directo, donde un nombre puede buscarse como cadena en tiempo de ejecución, el renombrado se desactiva por completo y la herramienta te explica por qué.
¿Mi código viaja a algún servidor?
No. Todo el minificador funciona dentro de la pestaña de tu navegador. No hay petición, ni almacenamiento, ni registro, así que puedes pegar sin riesgo trabajo que no se te permite compartir.
¿Acepta más de un archivo por tanda?
Sí. Abre la pestaña de subida y suelta tantos archivos .js, .mjs o .cjs como quieras. La herramienta minifica cada uno por separado, y puedes descargarlos uno a uno.
¿Maneja JavaScript moderno?
Sí. Módulos, clases, campos privados, plantillas literales, encadenamiento opcional, fusión de nulos, BigInt y separadores numéricos se leen correctamente. Sin embargo, JSX y TypeScript no son JavaScript, así que compílalos antes.
Otras herramientas que puedes usar ya
Todas funcionan en tu navegador y no te piden nada.
Compresor SVG
Reduce archivos SVG o marcado pegado, y elimina cualquier script escondido dentro.
Abrir herramienta →Tus PNG convertidos en WebP
Convierte un lote de imágenes a un formato más ligero sin perder la transparencia.
Abrir herramienta →Generador de contraseñas
Crea una contraseña fuerte y aleatoria o una frase de paso que puedas decir en voz alta.
Abrir herramienta →
Reduce tu próximo script en segundos
Pega tu código, pulsa un botón y comprueba tú mismo el ahorro. Nada viaja a un servidor ni queda almacenado.