Cómo usar: Minificador de HTML
- Pega el HTML o abre un archivo
.html. - Elige qué quitar: espacios en blanco, comentarios, atributos
typepor defecto y valores booleanos redundantes. - Mantén activada la minificación de CSS y JavaScript inline para reducir también los bloques
<style>y<script>. - Copia o descarga el HTML minificado y compara los tamaños de arriba.
¿Qué elimina la minificación de HTML?
El HTML escrito a mano o generado contiene sangrías, saltos de línea y comentarios que los navegadores ignoran. Quitarlos reduce los bytes que el navegador debe descargar antes de empezar a renderizar. El ahorro típico es del 10–25 % del HTML original, y más en plantillas con sangrías profundas o comentarios largos.
| Antes | Después |
|---|---|
<!-- nav --> | (eliminado) |
<button disabled="disabled"> | <button disabled> |
<script type="text/javascript"> | <script> |
class=" card featured " | class="card featured" |
Sangría entre los elementos <li> | (eliminado) |
Tratamiento seguro de los espacios en blanco
Los espacios en HTML no siempre son irrelevantes: el espacio en <strong>Gratis</strong> plan separa dos palabras. Este minificador mantiene un único espacio entre elementos en línea y texto, elimina los espacios solo alrededor de elementos de bloque como div, p, li y section, y nunca toca el contenido de <pre> y <textarea>, donde el espaciado forma parte del contenido.
Lo que se conserva
- Los comentarios condicionales (
<!--[if IE]>) y los comentarios que empiezan por<!--!. - Las comillas de los atributos: quitarlas ahorra poco y puede romper valores de atributo con espacios.
- Los scripts con tipos que no son JavaScript, como las plantillas; el JSON-LD se minifica como JSON.
Minificar HTML en producción
Para un pipeline de build, usa el minificador integrado de tu framework o html-minifier-terser. Para páginas puntuales, plantillas de correo, embeds de CMS y código personalizado de Webflow, esta herramienta es más rápida. Después de minificar, asegúrate de que tu servidor también comprime el HTML; compruébalo con el test de compresión web. Para volver a leer el HTML minificado, usa el formateador de HTML.
También se busca como: minificar html, compresor html, comprimir html, minificador html online, eliminar espacios html, minificar css js inline, minify html.
Herramientas que combinan con: Minificador de HTML
- Minificador de JavaScript — Pega tu JavaScript y obtén código minificado listo para producción con Terser, el mismo motor que usan Vite, webpack y Rollup, con el antes y después reales y los tamaños gzip.
- Minificador CSS — Pega una hoja de estilos para reducirla al instante.
- Optimizador SVG — Limpia los SVG exportados desde Figma, Illustrator, Inkscape o Sketch con SVGO y revisa la vista previa antes y después para asegurarte de que el icono sigue viéndose bien.
- Gzip Comprimir y Descomprimir — Comprime texto o cualquier archivo con gzip, zlib o deflate sin cabecera.
Preguntas frecuentes
¿Minificar HTML mejora el SEO?
¿La minificación puede romper mi diseño?
¿Minifica también el CSS y el JavaScript dentro del HTML?
<style> y los atributos style se minifican, y los bloques <script> se minifican con Terser. Si un script tiene un error de sintaxis, se deja sin cambios.