DocumentosImágenesMediaHerramientas PDF

Minificar/Formatear HTML

Reduce el tamaño de tu HTML. Minifica o formatea al instante.

Procesado en tu navegador

HTML optimizado, páginas más rápidas

Reducción 10–20%

Elimina espacios, comentarios y etiquetas opcionales para reducir el peso de la página.

Privado

El HTML se procesa en tu navegador. Nunca se sube a ningún servidor.

Bidireccional

Minifica para producción o formatea HTML minificado para leerlo y editarlo.

Instantáneo

Resultado en milisegundos. Sin esperas ni colas de procesamiento.

Tres pasos, sin complicaciones

1

Pega o sube tu HTML

Pega el código HTML directamente o arrastra un archivo .html. Sin límite de tamaño.

2

Elige: minificar o formatear

Minifica para reducir el peso de la página o formatea HTML minificado para leerlo cómodamente.

3

Copia o descarga el resultado

El HTML optimizado aparece al instante. Copia al portapapeles o descarga como archivo.

¿Tienes dudas?

La minificación de HTML elimina: espacios en blanco y saltos de línea innecesarios, comentarios HTML (<!-- -->), etiquetas opcionales (como </li>, </td> según el estándar HTML5), atributos con valores por defecto, y puede acortar los valores de atributos booleanos. El documento resultante es funcionalmente equivalente para el navegador.

El HTML de una página típica se reduce entre un 10% y un 20% con minificación. Aunque el impacto es menor que minificar CSS o JS (el HTML suele ser más pequeño), combinado con compresión gzip/Brotli puede reducir el Time to First Byte (TTFB) de forma perceptible, especialmente en páginas con HTML muy verboso como templates generados por CMSs.

En la mayoría de casos no, pero hay excepciones: el JavaScript que usa whitespace para separar tokens (infrecuente en código moderno) o el CSS que depende de saltos de línea. Las herramientas de minificación como HTMLMinifier-terser son conservadoras por defecto y preservan el JavaScript y CSS inline. Siempre prueba el resultado en un entorno de staging.

Ambas son necesarias y complementarias. La minificación reduce el tamaño antes de la transferencia (afecta a la caché del CDN y el archivo almacenado). La compresión (gzip, Brotli) reduce el tamaño durante la transferencia HTTP. El servidor debe configurarse para servir HTML comprimido. Con ambas técnicas, el HTML puede llegar a pesar un 80–85% menos que el original sin comprimir.

Más allá de la minificación: elimina código HTML comentado que ya no se usa, evita el anidamiento excesivo de divs (div soup), usa elementos HTML semánticos que son más cortos (article, nav, main vs div class='...'), elimina atributos inline de estilo (mueve todo a CSS externo), y para SPAs considera renderizado del lado del servidor (SSR) o generación estática (SSG) que produce HTML más limpio.

Rendimiento HTML: parsing, TTFB y optimización de documentos

El tamaño del documento HTML afecta al Time to First Byte (TTFB) y al tiempo de parsing inicial del navegador. Aunque el HTML de una página típica es más pequeño que sus recursos CSS y JS, las páginas generadas por CMSs como WordPress o Drupal pueden tener HTML muy verboso con comentarios de debug, clases redundantes y markup innecesario que fácilmente supera los 100 KB por página.

La minificación a nivel de servidor (server-side minification) vs a nivel de build (build-time minification) representa dos enfoques diferentes: la minificación en tiempo de build genera archivos estáticos ya optimizados (ideal para sitios estáticos, JAMstack, SSG), mientras que la minificación en servidor (mediante middleware como htmlmin para Python/Flask o plugins para Nginx) optimiza el HTML dinámico generado en cada petición. Para sitios de alto tráfico, la minificación en build es más eficiente porque evita el coste de CPU por petición.

HTMLMinifier (Douglas Crockford, 2010) fue la referencia histórica para minificación de HTML. Su sucesor, HTMLMinifier-terser (mantenido activamente), soporta HTML5, SVG y MathML inline. Los benchmarks muestran que puede reducir el HTML de sitios reales entre un 8% y un 25% dependiendo del verbosity del template. Para frameworks modernos, plugins como vite-plugin-html o el plugin de minificación de Next.js integran esta optimización en el pipeline de build automáticamente.