Minificar JavaScript

Para minificar JavaScript, pega el código abajo: la herramienta quita comentarios y espacios superfluos y muestra cuántos bytes ahorras. Las cadenas, las plantillas literales y las expresiones regulares quedan intactas; el resultado hace lo mismo que el original.

Fuente: Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion). Actualizado: .

Resultado

Resultado
function add(a,b){return a+b;} const numbers=[1,2,3];console.log(numbers.map((n)=>add(n,10)));
Resumen
135 → 94 bytes (30,4 % menos).
Solo se quitan comentarios y espacios, las variables no se renombran: el resultado es equivalente, pero más grande que con Terser o esbuild.

Cómo se calcula

Minificar JavaScript significa quitar todo lo que la ejecución no necesita: comentarios, sangrías, espacios y saltos de línea. La herramienta descompone el código en tu navegador en cadenas, plantillas literales, expresiones regulares, números, palabras y símbolos y lo vuelve a componer con el menor espacio posible. El archivo carga más rápido; su comportamiento no cambia.

Cómo funciona

  1. Pega JavaScript en el campo.
  2. Decide si los comentarios de licencia (/*! … */, @license, @preserve) deben quedarse.
  3. Copia el resultado; la pantalla indica el tamaño antes y después.

Qué ocurre al minificar

Límites

Para la máxima reducción (acortar nombres, quitar código muerto, reestructurar el código) usa Terser o esbuild en tu build. Esta herramienta sirve para reducir rápido y sin riesgo, sin configurar nada.

Privacidad

El código no sale de tu navegador. Para hojas de estilo está minificar CSS; para seguir: formatear HTML o probar una regex.

Preguntas frecuentes

¿Cómo puedo minificar JavaScript?

Pega el JavaScript en el campo: la herramienta quita comentarios y espacios y muestra el ahorro. Copia el resultado en tu archivo.

¿Minificar cambia el comportamiento del código?

No. La herramienta solo quita comentarios y espacios y deja sin cambios cadenas, plantillas literales y expresiones regulares. Los saltos de línea se quedan donde sustituyen a un punto y coma.

¿Se acortan los nombres de variables?

No. Esta herramienta no renombra nada. Para la máxima reducción usa Terser o esbuild en tu build.

¿Cuánto ahorra minificar?

En archivos con comentarios y sangrías, a menudo entre un 20 y un 50 por ciento. Además, el servidor comprime con gzip o Brotli; las dos cosas juntas tienen sentido.

¿Puedo volver a hacer legible el código minificado?

Esta herramienta solo va en un sentido. Para dar formato al código sirven los editores o un formateador de código.

¿Se sube mi código a algún sitio?

No. Todo ocurre en local, en tu navegador.

Fuentes y base legal

Última actualización: · Principios editoriales

Herramientas relacionadas