Cada comentario y cada espacio de sangría de tu HTML es un byte que un visitante tiene que descargar. Este minificador de HTML elimina los comentarios HTML y compacta los espacios que el navegador no necesita, y te enseña las cuentas con honestidad: tamaño antes, tamaño después y porcentaje ahorrado.
Es cuidadoso donde importa. El contenido de los bloques <pre>, <textarea>, <script> y <style> se protege byte a byte: comprimir los espacios dentro de un ejemplo de código o de un script cambiaría lo que hace, así que esta herramienta nunca los toca. Todo funciona en local, en tu navegador.
Qué elimina realmente la minificación
Tres cosas. Los comentarios: todo lo que va dentro de <!-- ... --> es para humanos; el navegador lo ignora, pero el visitante lo descarga igual. Las rachas de espacios: los saltos de línea y la sangría que hacen legible el código se reducen, en el flujo normal del HTML, a un solo espacio o a nada entre etiquetas de bloque. El relleno de los extremos: el espacio en blanco inicial y final del documento. Lo que la minificación no hace es cambiar el documento: mismas etiquetas, mismos atributos, mismo texto. Un componente minificado se ve idéntico al original; solo viaja más ligero.
Los bloques protegidos, y por qué importan
Los minificadores ingenuos causan un fallo clásico: exprimen todo el archivo como una sola cadena y corrompen el código de dentro. Un bloque <pre> es sensible a los espacios: los espacios son el contenido. Un <script> puede contener el texto "<!--" o comparaciones como a < b que un limpiador descuidado destroza. Esta herramienta extrae esos cuatro tipos de bloque antes de limpiar y los devuelve intactos, así que el ahorro que ves es real pero el riesgo no. Es el mismo motivo por el que el ejemplo de arriba conserva su formato al minificarlo.
Dónde compensa el HTML minificado
Las plantillas de correo son la mayor ganancia: algunos clientes de correo recortan los mensajes que pasan de unos 100 KB, y las plantillas cargadas de comentarios son candidatas habituales. Los componentes incrustados — un widget, un banner, un fragmento de terceros pegado en un CMS — arrastran los comentarios y el formato de su autor a cada página que los incluye. Los sitios estáticos y las páginas de aterrizaje ganan unos puntos gratis. Pero sé realista con la escala: en una página típica, la compresión gzip o Brotli ya elimina casi toda la redundancia de espacios, así que minificar es el último tanto por ciento, no una transformación. Se suma a la compresión; no la sustituye.
Cómo se usa
Pega tu HTML, pulsa Minificar y lee los tres números. Si el ahorro te sorprende — muy grande o sospechosamente cero — revisa el resultado antes de publicarlo. Después copia el resultado directamente a tu plantilla. Como nada se sube, puedes minificar sin riesgo código con URLs internas o nombres de productos sin anunciar.
Preguntas frecuentes
¿El HTML minificado se verá distinto en el navegador?
No, con un matiz. El espacio entre elementos en línea (enlaces, spans, botones en fila) puede afectar al espaciado visual, porque un espacio reducido sigue siendo un espacio. Esta herramienta reduce las rachas a un solo espacio en vez de borrarlas dentro del texto, lo que conserva ese comportamiento; solo elimina el espacio por completo entre una etiqueta de cierre y una de apertura.
¿Minifica también el CSS y el JavaScript de mi HTML?
No, y a propósito: el contenido de <style> y <script> está protegido, porque CSS y JavaScript necesitan sus propios minificadores con reglas del lenguaje. Pasa esos bloques por un minificador de CSS o JS aparte y después minifica el HTML ya montado.
¿Minificar es lo mismo que comprimir?
No. Minificar reescribe el código a un texto equivalente más pequeño; comprimir (gzip, Brotli) codifica los bytes para el transporte y el navegador los restaura exactos. Usa ambas cosas.
¿Mi código se sube a algún sitio?
No. El minificador son unas pocas operaciones de texto en la pestaña de tu navegador. Mira el código fuente de esta página si quieres comprobarlo.
Herramientas relacionadas
English version: HTML Minifier — Minify HTML Online and See How Much You Save. También te puede interesar: Minificador de CSS — Minifica CSS Online, Gratis y al Instante.
Inserta esta herramienta en tu web — gratis
Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.
Pingback: Minificador de CSS — Minifica CSS Online Gratis, con el Ahorro en Bytes