Minificador de HTML, CSS y JavaScript

Minifica o embellece HTML, CSS y JS y mira los bytes ahorrados, también con gzip.

Language

Action

Names are never shortened, and line breaks that automatic semicolon insertion relies on are kept.

Size
475 B → 355 B (−25.3% saved)
Gzipped
…

Qué hace

Pega HTML, CSS o JavaScript, o abre un archivo, y elige Minificar o Embellecer. El resultado muestra el tamaño antes y después, en bytes y tras gzip. Todo se ejecuta en tu navegador.

Reglas seguras

En JavaScript se quitan comentarios y espacios, pero nunca se renombran variables; se conservan los espacios necesarios (a + +b queda a+ +b) y los saltos de línea de los que depende la inserción automática de punto y coma, como después de return. En CSS se conservan las cadenas, url(…) y los espacios de calc(). En HTML se mantiene un espacio entre elementos en línea y no se tocan <pre> ni <textarea>.

Cuánto ahorra

Con gzip el ahorro es mucho menor que sin comprimir: en el build de desarrollo de React 19.2, el archivo baja de 47.219 a 32.393 bytes, pero con gzip solo de 10.755 a 9.174 bytes, un 15 %. Para producción, usa el minificador de tu empaquetador.

Preguntas frecuentes

¿Puede romper mi JavaScript?

La herramienta conserva todos los espacios y saltos de línea que cambian el análisis del código, y se comprueba que bibliotecas reales minificadas producen el mismo árbol sintáctico.

¿Por qué el ahorro con gzip es menor?

Gzip ya comprime muy bien los espacios repetidos, así que quitarlos ahorra menos tras la compresión.

¿Se sube mi código?

No, todo ocurre en tu navegador.