Minifica HTML para reducir el tamaño de la página
Este minificador de HTML comprime el marcado directamente en tu navegador para reducir el tamaño del archivo. Quita comentarios, une los espacios entre etiquetas, elimina las etiquetas de cierre opcionales y limpia los atributos redundantes, produciendo páginas más pequeñas y de carga más rápida que se renderizan exactamente igual. Está pensado para desarrolladores front-end, autores de plantillas y cualquiera que publique HTML estático y quiera menos bytes sin añadir un paso de compilación.
Por qué comprimir HTML
Renderizado más rápido
Cargas más ligeras
Sin paso de compilación
Cómo minificar HTML
Pega o sube tu HTML
Escribe o pega tu marcado en el panel de entrada de la izquierda, o usa Subir para cargar un archivo .html. Haz clic en Ejemplo para probarlo con código de muestra.
Elige tus opciones
Activa Quitar comentarios, Unir espacios y Quitar etiquetas opcionales para controlar con qué agresividad se comprime la página.
Deja que minifique
La salida se actualiza automáticamente mientras editas. Para minificar de inmediato sin esperar, presiona Ctrl + Enter en el editor.
Revisa y exporta
Consulta la barra de estadísticas para ver el tamaño original, el tamaño minificado y el porcentaje ahorrado. Luego Copia el resultado o Descárgalo como archivo .html.
Opciones y funciones de minificación
Opciones configurables
Cada opción ataca una fuente concreta de peso innecesario. Combínalas para alcanzar tu equilibrio preferido entre tamaño y legibilidad.
| Opción | Qué hace | Predeterminado |
|---|---|---|
| Quitar comentarios | Elimina los comentarios <!-- --> conservando los comentarios condicionales | Activado |
| Unir espacios | Quita los espacios y saltos de línea redundantes entre y alrededor de las etiquetas | Activado |
| Quitar etiquetas opcionales | Elimina las etiquetas de cierre opcionales como </li>, </p>, </td> | Desactivado |
Inteligente y seguro por defecto
Conserva las etiquetas sensibles
El contenido dentro de <pre>, <script>, <style> y <textarea> nunca se toca, así que el formato y el código permanecen intactos.
Elimina los atributos por defecto
Quita las declaraciones redundantes type="text/javascript" y type="text/css" que los navegadores asumen de todos modos, además de las comillas alrededor de valores de atributo simples.
Conserva los comentarios condicionales
Los comentarios condicionales heredados de IE (<!--[if ...]-->) se conservan incluso cuando la eliminación de comentarios está activada.
Estadísticas de compresión en vivo
Consulta el tamaño original, el tamaño minificado y el porcentaje ahorrado después de cada ejecución, con salida resaltada por sintaxis.
Preguntas frecuentes
¿Se envía mi código a un servidor?
No. Toda la minificación ocurre localmente en tu navegador. Tu HTML nunca se sube, se registra ni se guarda en ningún lugar.
¿Minificar romperá mi HTML?
No. La minificación solo elimina los caracteres que el navegador ignora de todos modos. El contenido dentro de <pre>, <script>, <style> y <textarea> se conserva, así que la página se renderiza exactamente igual.
¿Minificar el HTML mejora la velocidad de la página?
Sí, de forma moderada. Un HTML más pequeño se descarga más rápido y hay menos bytes para que el navegador procese. El efecto se suma a la compresión gzip/Brotli y cuenta más en conexiones lentas o móviles.
¿Qué son las «etiquetas de cierre opcionales»?
En HTML5, las etiquetas de cierre de ciertos elementos —como </li>, </p> y </td>— son opcionales. Los navegadores infieren dónde corresponden, así que eliminarlas es HTML válido y reduce el tamaño del archivo sin afectar el renderizado.
¿Cuánto tamaño de archivo puedo ahorrar?
Depende de cuánto espacio en blanco, cuánta sangría y cuántos comentarios contenga el código original: las plantillas muy formateadas o comentadas logran las mayores ganancias. La barra de estadísticas en vivo muestra tu ahorro exacto en cada ejecución.
¿Puedo desminificar el HTML?
La minificación es unidireccional: los comentarios y los espacios eliminados desaparecen. Para volver a hacer legible el HTML minificado, pásalo por un formateador o embellecedor de HTML, que vuelve a aplicar sangría al marcado.
¿Minificará mi JavaScript o CSS incrustado?
No. El contenido dentro de las etiquetas <script> y <style> se conserva intacto. Para reducirlo, pasa primero el código por la pestaña dedicada del minificador de JavaScript o de CSS.
Aún no hay comentarios. ¡Sé el primero en comentar!