Ir al contenido
ES

Minificador HTML, CSS y JavaScript

Reduce el tamaño de tu HTML, CSS o JavaScript: comentarios y espacios sobrantes eliminados, cadenas y regex intactas, ahorro indicado. Procesado en local.

  • Gratis
  • Sin registro
  • Sin subir archivos
  • Windows, Mac, Android, iPhone

Cargando la herramienta…

Acerca de esta herramienta

Pega HTML, CSS o JavaScript, o abre un archivo: el código se limpia de comentarios y espacios innecesarios, con el tamaño antes y después. La minificación es segura: cadenas, plantillas literales, expresiones regulares y contenido de pre se conservan intactos.

Cuándo usarla

Aligerar una página pequeña

Para una página estática, un correo HTML, un banner o un widget integrable, minificar reduce el tamaño de descarga sin montar una herramienta de build.

Insertar código en un atributo o una cadena

Un CSS o un script en una línea se pega más fácilmente en un gestor de etiquetas, un CMS o un campo de configuración que no acepta saltos de línea.

Estimar el ahorro de la minificación

Antes de montar una cadena de build, mide cuánto pesarían tus archivos minificados, además de la compresión gzip o brotli del servidor.

Cómo se usa

  1. Elige el lenguaje y pega el código.
  2. Compara el tamaño antes y después.
  3. Copia o descarga el código minificado.

Cómo funciona

El código se lee carácter a carácter: las cadenas entre comillas, las plantillas literales de JavaScript y las expresiones regulares se copian tal cual. Los comentarios se eliminan, salvo los que empiezan por /*! (licencias). Los espacios se quitan donde no separan dos palabras.

En JavaScript se conserva un salto de línea donde la inserción automática de punto y coma podría depender de él, para que el comportamiento del código no cambie nunca. En HTML, se conservan los espacios entre elementos en línea (son visibles), el contenido de pre y textarea no se toca, y las etiquetas style y script se minifican con su propio lenguaje.

Consejos para un mejor resultado

  • Guarda siempre la versión legible de tu código: la minificada es solo para el despliegue.
  • Activa también la compresión gzip o brotli en tu servidor: se suma a la minificación.
  • Para un proyecto completo, una herramienta de build (Vite, esbuild, Terser) también acorta nombres de variables y elimina código no usado.
  • Prueba la página tras minificar, sobre todo JavaScript antiguo que depende de saltos de línea.
  • Los comentarios de licencia /*! … */ se conservan: no los quites de las bibliotecas que redistribuyes.

Problemas frecuentes y soluciones

Mi JavaScript ya no funciona

Es raro gracias a los saltos de línea conservados, pero un código que mezcla divisiones y expresiones regulares ambiguas puede dar problemas. Usa una herramienta como Terser para ese archivo.

El ahorro es pequeño

Un código ya compacto o sin comentarios gana poco. Los grandes ahorros vienen de renombrar variables, lo que hace una herramienta de build.

Han desaparecido espacios entre dos palabras

Entre dos elementos en línea, el espacio se conserva; alrededor de etiquetas de bloque (div, p, li) se elimina porque no se muestra. Revisa qué etiquetas intervienen.

Preguntas frecuentes

¿Se sube mi código?

No. La minificación se hace por completo en tu navegador; el código nunca sale de tu dispositivo.

¿Se acortan los nombres de variables?

No, a propósito: eso requiere analizar todo el programa. La herramienta solo quita lo que es seguro quitar.

¿Se conservan los comentarios condicionales HTML?

Sí, los comentarios tipo [if IE] se conservan; los demás comentarios HTML se eliminan.

¿Puedo desminificar un código?

Para JSON, usa el formateador JSON; para SQL, el formateador SQL. El JavaScript minificado se puede reformatear en la pestaña Sources de las herramientas de desarrollo del navegador.

Búsquedas relacionadas

¿Sigues atascado?

Pregunta en el foro: la categoría, la herramienta, la ficha de tu dispositivo y el resultado de la prueba se rellenan solos.