Minifica tu HTML sin romper nada
El minificador de HTML reduce el tamaño de tu código quitando lo que el navegador no necesita: comentarios, saltos de línea e indentación, y los espacios sobrantes entre etiquetas. El resultado pesa menos, viaja más rápido por la red y mejora un poco los tiempos de carga y las métricas de rendimiento, sin cambiar en absoluto cómo se ve o funciona la página.
Todo ocurre en tu navegador: pegas el HTML, obtienes la versión minificada al instante y tu código nunca se envía a ningún servidor.
Cómo usarlo
- Pega tu HTML en el cuadro de entrada.
- Copia el HTML minificado con el botón (o revisa el ahorro en bytes y porcentaje).
- Pégalo en tu proyecto, plantilla de correo o archivo estático.
Qué hace exactamente
- Elimina los comentarios
<!-- ... -->. - Colapsa cada bloque de espacios, tabulaciones y saltos de línea en un solo espacio.
- Borra el hueco entre etiquetas: el espacio que queda entre un
>y el siguiente<desaparece por completo. - Preserva intacto el contenido de
<pre>,<textarea>,<script>y<style>, además de los valores de los atributos entre comillas. Ahí un espacio de más sí importa, así que no se toca.
| Elemento | ¿Se minifica? |
|---|---|
Comentarios <!-- --> | Se eliminan |
| Espacios entre etiquetas | Se eliminan |
| Espacios múltiples en el texto | Se colapsan a uno |
Contenido de <pre> y <textarea> | Se conserva |
Código en <script> y <style> | Se conserva |
| Valores de atributos | Se conservan |
Ejemplo resuelto
Partimos de este HTML con comentario, indentación y un bloque <pre>:
<!-- Producto -->
<div class="card">
<h1>Hola mundo</h1>
<p>Bienvenido al portal.</p>
<pre> line 1
line 2</pre>
</div>Son 137 bytes. Al minificarlo obtenemos:
<div class="card"><h1>Hola mundo</h1><p>Bienvenido al portal.</p><pre> line 1
line 2</pre></div>Ahora son 99 bytes: un ahorro del 27,7 %. Fíjate en tres detalles: el comentario desapareció, el triple espacio de «Hola mundo» se colapsó a uno solo, y los espacios interiores del <pre> (que son significativos) se respetaron línea a línea.
Preguntas frecuentes
¿Minificar HTML mejora el SEO?
De forma indirecta. Google no puntúa el HTML por estar minificado, pero un archivo más ligero carga un poco antes, y la velocidad sí es un factor de experiencia. El impacto es pequeño frente a comprimir imágenes o activar gzip/Brotli en el servidor, pero suma y es gratis.
¿Puede romper mi página?
No debería. La herramienta no toca el contenido de <pre>, <textarea>, <script> ni <style>, ni los valores de tus atributos, que es donde un espacio de más cambiaría el resultado. En el resto del documento, el HTML ignora los espacios repetidos, así que colapsarlos es seguro.
¿Debería guardar también el HTML sin minificar?
Sí. Trabaja siempre sobre la versión legible (con indentación) y minifica solo la copia que publicas. Si más adelante quieres volver a un formato cómodo de leer, usa el formateador de HTML, que hace lo contrario: le devuelve saltos de línea e indentación.
¿Sirve para correos HTML?
Sí, y ahí se nota: muchos clientes de correo tienen límites de tamaño y recortan los mensajes largos («clipping» en Gmail a ~102 KB). Minificar el HTML del correo ayuda a mantenerte por debajo del límite.
¿Se sube mi HTML a algún servidor?
No. Todo el proceso ocurre en tu navegador con JavaScript. Puedes pegar código privado sin que salga de tu equipo.