Minificador de JS

JavaScript más liviano para páginas más rápidas

JavaScript suele ser el recurso más costoso de una página web: hay que descargarlo, analizarlo y ejecutarlo, y puede demorar la respuesta de la página a toques y clics. Minificar quita comentarios, espacios y saltos de línea para que el archivo sea más chico, y la herramienta muestra los caracteres JS antes y los caracteres del JS minificado después.

Úsalo para scripts de proyectos pequeños, fragmentos que agregas a un CMS, código de seguimiento o widgets, o en cualquier lugar donde no tengas un bundler que lo haga solo.

El comportamiento del código no cambia. Conserva el original para editar y depurar.

Cómo usar el minificador de JS

1. Pega tu código JavaScript.
2. Envía para minificar.
3. Compara la cantidad de caracteres.
4. Copia el script minificado y prueba tu página.

Ejemplos

Una función pequeña

Entrada:

// Greet the user
function greet(name) {
  const message = 'Hello, ' + name + '!';
  console.log(message);
  return message;
}

greet('Zach');

Resultado:

function greet(name){const message="Hello, "+name+"!";console.log(message);return message}greet("Zach")

Se quitan los comentarios, los saltos de línea y los espacios, las comillas simples pasan a dobles y se elimina el último punto y coma de cada bloque. Los nombres de variables quedan igual: esta herramienta reduce los espacios pero no renombra.

Usos comunes

• Minificar scripts personalizados para el pie de WordPress, Shopify u otros CMS.
• Achicar bibliotecas y widgets pequeños que distribuyes.
• Preparar bookmarklets y scripts en línea.
• Versiones de producción rápidas para sitios simples sin herramientas de build.

Consejos y cosas que conviene saber

• Asegúrate de que cada instrucción termine bien (con punto y coma donde haga falta). El código que depende de los saltos de línea puede romperse cuando se quitan.
• Minificar no es una medida de seguridad. Cualquiera puede volver a dar formato al código minificado y leerlo.
• Usa defer o async en las etiquetas script para que no bloqueen el renderizado.
• Valida datos JSON por separado con el validador de JSON y minifica los estilos con el minificador de CSS.

Casos especiales y limitaciones

• El código que depende de la inserción automática de punto y coma, como una línea que empieza con ( o [, puede romperse al unir las líneas. Agrega los punto y coma antes de minificar.
• Se quitan los comentarios, incluidos los /*! de licencia */, así que vuelve a agregar los avisos obligatorios.
• Los errores de sintaxis en la entrada producen un resultado incorrecto o un error. Prueba el código antes de minificarlo.
• Para ahorrar más, un bundler con un minificador que acorte nombres (como Terser o esbuild) también reduce los nombres de variables.

Preguntas frecuentes

¿Qué es la minificación de JS?

Quitar del JavaScript los caracteres que el motor no necesita, como espacios y comentarios, para que el archivo sea más chico.

¿Minificar puede romper mi JavaScript?

Puede, si el código depende de la inserción automática de punto y coma entre saltos de línea. Prueba la versión minificada antes de publicarla.

¿Cuál es la diferencia entre minificar y ofuscar?

Minificar hace el código más chico. Ofuscar lo hace difícil de entender a propósito. Ninguno de los dos protege realmente tu código.

¿Lo necesito si uso un bundler?

Herramientas como Vite, webpack o esbuild suelen minificar por ti en las versiones de producción. Esta herramienta es para trabajos rápidos y puntuales.

¿El código minificado se ejecuta más rápido?

Se descarga y se analiza un poco más rápido porque es más chico. El código en sí se ejecuta igual.

Herramientas relacionadas

• Minificador de CSS: Minifica tu CSS quitando todos los caracteres innecesarios.
• Minificador de HTML: Minifica tu HTML quitando todos los caracteres innecesarios.
• Validador y formateador de JSON: Valida contenido JSON y dale un formato legible.
• Calculadora de tamaño de texto: Obtén el tamaño de un texto en bytes (B), kilobytes (KB) o megabytes (MB).
• Formateador de SQL: Formatea y embellece tu código SQL fácilmente.