Minificador de JavaScript

Desarrollo y código

Reduce el tamaño de tu código JavaScript.

Original: 0 caracteres | Minificado: 0 caracteres

Cómo funciona

El minificador de JavaScript quita espacios, comentarios y sintaxis opcional del código para reducir su tamaño, y produce un resultado que se ejecuta igual que el original pero con menos bytes.

En la mayoría de las aplicaciones web modernas, JavaScript es lo que más pesa. Reducir el tamaño del paquete mejora directamente el tiempo hasta que la página es interactiva (TTI), que es la métrica que más se parece a la velocidad que percibe el usuario. Una aplicación en producción suele pasar el JS por herramientas como Terser o ESBuild, pero aquí puedes minificar algo puntual sin montar un sistema de compilación.

Cómo se usa: pega tu JavaScript. El minificador elimina los comentarios de una línea (//), los de bloque (/* */), los espacios al principio y al final de cada línea y los puntos y coma innecesarios, y junta los espacios alrededor de operadores y palabras clave. El resultado sale en una sola línea.

Qué hace esta herramienta frente a un minificador completo: aquí solo se quitan espacios y comentarios, una minificación segura y reversible. Los minificadores de producción como Terser además renombran las variables a una sola letra, incorporan constantes, eliminan código muerto y ofuscan los nombres de función, con lo que el resultado es entre un 40 % y un 60 % más pequeño. Usa esta herramienta para reducir el tamaño rápido y una herramienta de compilación para exprimir al máximo.

Medición del tamaño: verás el tamaño antes y después en bytes, con el porcentaje de reducción, para valorar el efecto al momento.

Preguntas frecuentes

¿Renombra las variables?
Esta herramienta solo quita espacios y comentarios: no renombra variables. Si necesitas una minificación completa con ofuscación de nombres, usa una herramienta de producción como Terser o ESBuild.
¿Es seguro minificar módulos ES?
Sí. La sintaxis de módulos ES (import, export, export default) se conserva correctamente y el resultado sigue siendo un módulo ES válido.
¿Qué pasa con las plantillas de cadena?
Los espacios dentro de las plantillas delimitadas por comillas invertidas no se tocan nunca, porque forman parte del contenido de la cadena. Solo se eliminan los espacios que quedan fuera de los valores de texto.
¿Elimina «use strict»?
No. Las directivas «use strict» se conservan, porque quitarlas cambiaría el comportamiento del programa en contextos no estrictos.

RankForge — Technical SEO Audit

Score any page out of 100, see every issue with the exact fix, generate JSON-LD schema and crawl up to 50 pages — all inside Chrome's side panel, with nothing sent to a server.

Ábrela gratis