Minificar HTML online – Comprime tu código HTML
Haz tu HTML más ligero y rápido de cargar. Elimina comentarios y espacios innecesarios, minifica el CSS interno y ordena atributos, con opciones seguras que respetan el texto preformateado y los scripts.
Pega tu HTML y la versión minificada aparece al instante con los bytes ahorrados. Por defecto se eliminan comentarios, se reducen espacios, se minifica el CSS interno, se recortan los scripts y se quitan type="text/javascript" y type="text/css". El contenido de pre, textarea, script y style queda protegido. Copia o descarga el resultado.
Cómo usar la herramienta: Minificador de HTML
- Pega tu código HTML.
- Elige qué optimizaciones aplicar.
- Revisa el ahorro de tamaño.
- Copia o descarga el HTML minificado.
- Prueba la página antes de publicarla.
Qué hace la minificación de HTML
El HTML escrito por personas y plantillas tiene sangrías, saltos de línea y comentarios que el navegador no necesita. Minificar los elimina para que el archivo pese menos. La página se ve y funciona igual, pero viajan menos bytes por la red.
| Opción | Efecto |
|---|---|
| Quitar comentarios | Borra `<!-- … -->` pero conserva los comentarios condicionales |
| Reducir espacios | Une espacios y saltos en uno; quita espacios junto a etiquetas de bloque |
| Minificar CSS interno | Comprime el contenido de los elementos style |
| Recortar scripts | Quita espacios iniciales y sangrías en los scripts |
| Quitar type por defecto | Elimina type="text/javascript" y type="text/css" |
| Ordenar atributos | Quita espacios sobrantes dentro de las etiquetas |
¿Cuánto se ahorra?
Lo normal es ahorrar un 10–30 % del tamaño del HTML, más en plantillas con mucha sangría. Con compresión gzip o Brotli en el servidor la diferencia se reduce, porque la compresión ya maneja bien los espacios repetidos, pero los archivos minificados siguen comprimiendo un poco mejor y se procesan algo más rápido. Para la mayoría de sitios es una pequeña mejora gratuita, junto a otras más grandes como comprimir imágenes con el Comprimir imágenes.
Por qué hay que tener cuidado con los espacios
En HTML, un espacio entre elementos en línea se ve: `<b>negrita</b> <i>cursiva</i>` muestra un espacio entre las palabras. Este minificador conserva un espacio entre elementos en línea y solo quita los que están junto a elementos de bloque como div, p, li o celdas de tabla, para que el texto no se junte. Los espacios dentro de pre y textarea nunca se tocan.
Cuándo minificar
Minifica como último paso antes de publicar y conserva tus archivos legibles para editarlos. Muchas herramientas de compilación y plugins de CMS lo hacen solos; esta herramienta es útil para páginas estáticas, plantillas de email, landing pages y para ver qué cambiaría un minificador. Prueba siempre la página minificada, sobre todo si tus scripts dependen de espacios exactos.
Herramientas relacionadas
Minifica hojas de estilo con el Minificador y embellecedor de CSS, ordena JSON con el Formateador JSON, convierte Markdown con Convertir Markdown a HTML y codifica URL con Codificar y decodificar URL. Tu código se procesa en el navegador y no se sube.
También te pueden servir estas herramientas gratis: Formateador JSON, Generador de contraseñas y Probador de regex.
Preguntas frecuentes
¿Qué hace un minificador de HTML?
Elimina comentarios, espacios sobrantes y atributos innecesarios para que el archivo pese menos.
¿Es seguro minificar HTML?
Sí, con opciones seguras. Esta herramienta protege pre, textarea, script y style y mantiene los espacios entre elementos en línea.
¿Cuánto pesará menos mi HTML?
Normalmente un 10–30 %, según las sangrías y los comentarios.
¿Minificar HTML ayuda al SEO?
De forma indirecta: las páginas más ligeras cargan antes, lo que favorece las Core Web Vitals.
¿Se sube mi código?
No. La minificación se hace por completo en tu navegador.
Última actualización: