Usa el Minificador de JavaScript gratuito abajo: tus datos nunca salen de tu navegador, todo el trabajo ocurre en tu dispositivo y no se sube a ningún servidor.
Por que minificar JavaScript?
Cuando un navegador carga una pagina, cada archivo JavaScript debe viajar por la red y luego ser analizado y ejecutado. Los archivos grandes hacen lentos los dos pasos, sobre todo en conexiones moviles y telefonos mas lentos. Minificar reduce un archivo quitando lo que el navegador no necesita: comentarios, espacios extra y nombres largos de variables, manteniendo el comportamiento justo igual. Un archivo que tenia 100 kilobytes puede quedar en 60 o menos, y entre muchos visitantes ese ahorro suma velocidad real.
Minificar no es lo mismo que comprimir. La compresion, como gzip, aprieta el archivo durante la transferencia y el navegador lo expande otra vez. Minificar cambia el codigo mismo, y combina bien con la compresion: un archivo minificado se comprime mejor que el original, asi que usar los dos da el mejor resultado. La herramienta de arriba minifica con Terser, el minificador estandar de codigo abierto para JavaScript, por completo en tu navegador.
Como usar la herramienta
Pega JavaScript en la casilla de entrada y pulsa Minificar. El resultado aparece abajo, junto con los tamanos antes y despues y el porcentaje ahorrado. Dos opciones controlan el resultado. Comprimir quita codigo muerto, simplifica constantes y acorta expresiones. Ofuscar nombres acorta variables locales a nombres como “a” y “b”. Las dos estan activadas por defecto, porque juntas dan el resultado mas pequeno.
Si el resultado debe seguir siendo legible para depurar, desactiva ofuscar nombres y deja comprimir activado: el codigo mantiene una estructura parecida pero mas pequena. Si necesitas conservar nombres concretos, por ejemplo porque otro codigo los usa, desactiva ofuscar por completo. Copia el resultado con el boton Copiar, o descargalo como archivo para tu proyecto.
Que cambia Terser y que conserva
Terser quita comentarios y espacios innecesarios, acorta nombres de variables y funciones locales al archivo, y simplifica expresiones que puede probar equivalentes, como convertir “x + 0” en “x” o quitar codigo que nunca puede ejecutarse. No cambia el orden de los efectos, no cambia nombres de propiedades o globales que otros archivos podrian usar, ni quita codigo que no puede probar muerto. Esa prudencia es la razon por la que el resultado minificado se comporta como el original.
Algunas cosas necesitan cuidado. El codigo que depende del nombre de una funcion en tiempo de ejecucion, o que accede a propiedades mediante cadenas construidas en tiempo de ejecucion, puede romperse si los nombres cambian. Eso es raro en codigo normal, pero si tu resultado se comporta mal, primero prueba desactivar ofuscar. Si el problema desaparece, un nombre era necesario, y puedes dejar ofuscar desactivado o configurarlo para reservar ese nombre en tu sistema de construccion.
Minificacion frente a legibilidad
El codigo minificado es deliberadamente dificil de leer, lo que esta bien para produccion pero mal para depurar. El flujo normal es guardar el codigo original para desarrollo y enviar el archivo minificado a los visitantes, con un mapa de codigo que permite a las herramientas del navegador mostrar el codigo original mientras depuras. Esta herramienta es para trabajos rapidos y aprendizaje, asi que no genera mapas de codigo; para una cadena de produccion, usa un empaquetador que si lo haga.
Nunca edites un archivo minificado a mano. Cambia siempre el original y vuelve a minificar, o tu arreglo se perdera la proxima vez que se construya el archivo, y el archivo minificado se alejara del codigo hasta que nadie sepa cual es el verdadero. Trata el archivo minificado como un producto generado, como un programa compilado, no como codigo fuente.
Cuanto puedes ahorrar?
El ahorro depende del codigo. El codigo con muchos comentarios y nombres largos se reduce mas, a menudo entre un 40 y un 60 por ciento. El codigo ya compacto se reduce menos. Las librerias con nombres internos cortos se reducen menos que el codigo de aplicacion con nombres descriptivos. El porcentaje que muestra la herramienta se mide con tu entrada exacta, asi que es el numero honesto para tu codigo, no una promesa de marketing.
Recuerda que minificar es una optimizacion entre varias. Servir archivos con compresion, guardarlos en cache con larga duracion, dividir paquetes grandes para que los visitantes solo descarguen lo que una pagina necesita, y quitar codigo sin uso por completo importan tanto o mas. Minifica como parte de ese conjunto, no en vez de el, y mide el resultado en una pagina real, porque un archivo mas pequeno que sigue bloqueando la pagina puede necesitar otra solucion.
Limites y seguridad
La herramienta maneja JavaScript moderno estandar. Una sintaxis muy nueva puede fallar si la version de Terser cargada es mas vieja que la funcion, y en ese caso la herramienta muestra el mensaje de error en vez de producir un resultado roto. El codigo con errores de sintaxis tambien falla con un mensaje, lo que es util: un minificador es un revisor de sintaxis sorprendentemente bueno, porque debe analizar todo el archivo antes de poder reducirlo.
Tu codigo nunca sale de tu navegador. No se sube, no se guarda, ni lo ve nadie. Eso hace la herramienta segura para fragmentos de proyectos privados, aunque como habito general debes evitar pegar secretos como claves de API en cualquier sitio, incluidas herramientas, porque un fragmento copiado por accidente puede viajar mas lejos de lo que querias.