Convertidor Gratuito

HTML Minificador

Minifica y comprime código HTML instantáneamente en tu navegador. Elimina comentarios, colapsa espacios y reduce el tamaño del archivo. Gratis y privado.

Arrastra y suelta un archivo HTML aquí

Compatible con archivos .html y .htm. O pega tu HTML arriba.

O

Acerca de esta herramienta

La minificación HTML elimina los caracteres innecesarios del origen de una página web (espacios en blanco entre etiquetas, comentarios, citas redundantes, etiquetas de cierre opcionales) para reducir el tamaño del archivo sin cambiar la forma en que se representa la página. Los ahorros son modestos por página (normalmente entre un 10% y un 30%), pero se acumulan en muchas solicitudes, en particular para sitios estáticos o páginas servidas sin compresión dinámica.

Este minificador elimina espacios en blanco entre elementos a nivel de bloque, contrae espacios en blanco dentro de texto no significativo, elimina comentarios HTML (excepto comentarios condicionales de IE), elimina comillas de atributos redundantes cuando lo permite la especificación HTML5 y elude etiquetas de cierre opcionales (</p>, </li>) cuando la especificación lo permite. El resultado se muestra de forma idéntica a la fuente en todos los navegadores.

La minificación es más útil cuando se combina con la compresión gzip o Brotli a nivel de servidor. La compresión ya elimina gran parte del ahorro que produce la minificación, pero las dos combinadas aún superan a la compresión por sí sola, especialmente para sitios de alto tráfico donde los costos de ancho de banda son importantes.

¿Por qué minimizar HTML?

El HTML más pequeño se carga más rápido, especialmente en conexiones y redes móviles más lentas. El peso de la página afecta directamente a Core Web Vitals: la pintura con contenido más grande y el tiempo hasta el primer byte mejoran cuando el servidor devuelve menos HTML para analizar. Para los sitios donde la clasificación SEO depende de las puntuaciones de Core Web Vitals, la minificación es una mejora mensurable.

El HTML minimizado también reduce los costos de ancho de banda a escala. Un sitio que atiende un millón de páginas al día con un ahorro de 10 KB por página ahorra 10 GB de salida al día. El impacto se agrava para los sitios estáticos atendidos desde CDN que facturan por transferencia de datos.

Cómo usarla

Pegue HTML y obtenga la versión minimizada.

  1. Agregar entrada HTML: Pegue la fuente HTML en el área de entrada o suelte un archivo .html. El minificador acepta cualquier marcado HTML5 válido.
  2. Elige opciones: Los valores predeterminados eliminan comentarios y contraen espacios en blanco; puede desactivar transformaciones individuales si necesita conservar elementos específicos (por ejemplo, conservar comentarios para la documentación).
  3. Minimizar: El minificador recorre el flujo de tokens HTML y aplica cada transformación habilitada. La salida es HTML funcionalmente idéntico con tamaño reducido.
  4. Copiar o descargar: Utilice el resultado como HTML servido. Confirme que la página se muestre correctamente en los navegadores de destino antes de implementarla.

Casos de uso comunes

Detalles técnicos

El minificador procesa HTML token por token. Los espacios en blanco entre elementos a nivel de bloque (<div>, <p>, <ul>) se eliminan porque no afectan la representación. Los espacios en blanco dentro de contextos en línea (<span>, <a>, contenido de texto) se conservan porque pueden afectar la representación.

Los comentarios se eliminan de forma predeterminada, pero los comentarios condicionales (<!--[if IE]>) se conservan. Las comillas de los atributos se eliminan cuando el analizador HTML5 lo permite: los valores de atributos de una sola palabra sin espacios ni caracteres especiales pueden omitir las comillas.

Las etiquetas de cierre opcionales se omiten según la especificación HTML5: </p>, </li>, </td> y algunas otras se pueden omitir cuando van seguidas de un hermano que implica su cierre. Esto es inusual de leer pero es HTML5 válido que los navegadores analizan de manera idéntica.

Mejores prácticas

Preguntas frecuentes

¿Qué elimina la minificación de HTML?
Espacios en blanco innecesarios entre etiquetas, comentarios HTML (<!-- -->), etiquetas de cierre opcionales (</li>, </p>, </td>), valores de atributos predeterminados (type="text" en las entradas) y valores de atributos booleanos (disabled="disabled" → deshabilitado).
¿Puede la minificación dañar mi página?
Rara vez, pero es posible si su CSS se basa en espacios en blanco entre elementos en línea o si JavaScript usa comparaciones internas de HTML. Pruebe siempre la salida minimizada. La herramienta utiliza configuraciones conservadoras de forma predeterminada.
¿Debo minimizar HTML si uso un marco como Next.js?
La mayoría de los marcos modernos (Next.js, Nuxt, Angular) minimizan HTML automáticamente en las compilaciones de producción. Esta herramienta es útil para archivos HTML estáticos, plantillas de correo electrónico y proyectos sin un sistema de compilación.
¿Esto también minimiza el CSS y JavaScript en línea?
Esta herramienta se centra en la estructura HTML. Los contenidos <style> y <script> en línea se conservan tal cual. Para estos, utilice minificadores de CSS y JavaScript dedicados para obtener resultados óptimos.
¿Es seguro eliminar las etiquetas de cierre opcionales?
Sí, según las especificaciones de HTML5, aunque el resultado es más difícil de leer. Algunos equipos desactivan esta transformación para mayor claridad, aceptando una ligera penalización por tamaño.
¿Mi HTML está subido a un servidor?
No. El minificador se ejecuta en su navegador.
¿Cómo se compara esto con html-minifier-terser?
html-minifier-terser es el minificador HTML canónico de Node.js y produce resultados ligeramente más agresivos. Esta herramienta cubre las mismas transformaciones para uso en el lado del navegador sin una configuración de compilación.
¿Debo minimizar siempre o selectivamente?
Siempre por la producción. Nunca para el código fuente en el control de versiones; El HTML legible en el código fuente es esencial para el mantenimiento.