¿La minificación romperá mi JavaScript o CSS inline?

La minificación preserva el whitespace significativo dentro de cadenas, template literals y regex. Los minificadores de JS y CSS inline lo respetan también. Si tu código depende de ASI o patrones raros, deja Minify Inline JS desactivado y colapsa solo whitespace.

¿Qué quita exactamente Remove Optional Tags?

Etiquetas que la spec permite omitir porque el parser las infiere: antes de otro , antes de un elemento de bloque, , , e incluso las aperturas y . Los navegadores las leen igual, pero alguna herramienta antigua puede protestar.

¿Gzip ya hace esto? ¿Minificar es redundante?

Gzip ayuda mucho, pero minificar antes suele dar un 5–10% adicional porque Gzip no puede reordenar el contenido ni quitar tokens redundantes. El tamaño combinado es el que llega al navegador y el que cuenta para el TTFB.

¿El HTML minificado sigue validando contra W3C?

Con las opciones por defecto sí. Remove Optional Tags produce HTML que sigue siendo HTML5 válido porque la spec permite explícitamente omitir esas etiquetas. Si necesitas XHTML estricto, deja esa opción apagada.

¿Puedo deshacer la minificación y recuperar el formato original?

No del todo. El whitespace, los comentarios y las etiquetas opcionales se pierden al eliminarlos. El botón Formatear integrado vuelve a sangrar el código para que se lea bien, pero no recupera el layout exacto ni los comentarios que quitaste. Guarda tu fuente por separado.

Minificador de HTML

Minifica código HTML para reducir el tamaño del archivo

HTML original

685 caracteres · 36 líneas

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My Page</title>
  <style>
    body {
      margin: 0;
      padding: 16px;
      font-family: sans-serif;
    }
    .container {
      max-width: 960px;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <!-- Main content area -->
  <div class="container">
    <h1>Hello, World!</h1>
    <p>
      This is a sample HTML page with
      extra whitespace, comments, and
      inline styles to demonstrate minification.
    </p>
  </div>

  <script>
    // Initialize the page
    document.addEventListener('DOMContentLoaded', function() {
      console.log('Page loaded');
    });
  </script>
</body>
</html>

Pega un enlace directo a una página HTML. Requiere servidores compatibles con CORS.

Ajustes

Minificar automáticamente

Ajustes

Colapsar espaciosEliminar comentariosEliminar etiquetas opcionalesMinificar CSS en líneaMinificar JS en líneaColapsar atributos booleanosEliminar atributos type redundantes

¿Qué es Minificador de HTML?

Un minificador de HTML elimina espacios en blanco innecesarios, comentarios, etiquetas opcionales y atributos redundantes del código HTML. Esto reduce el tamaño del archivo y mejora el tiempo de carga de la página, lo que impacta directamente en las puntuaciones de Core Web Vitals y en el posicionamiento en buscadores.

El minificador colapsa series de espacios en blanco, descarta comentarios HTML, opcionalmente elimina cierres opcionales como </li> y </body>, y procesa <style> y <script> inline con minificadores de CSS y JS. La salida es funcionalmente idéntica pero entre un 20% y un 40% más pequeña, lo que reduce el LCP en redes móviles.

Cómo usar

Paso 1 — Pega tu código fuente HTML en el área de entrada.
Paso 2 — Configura las opciones: colapsar espacios en blanco, eliminar comentarios, eliminar etiquetas opcionales, minificar CSS/JS en línea.
Paso 3 — Copia el HTML minificado o descárgalo como archivo. Comprueba el porcentaje de reducción de tamaño.

Cuándo usar

Páginas renderizadas en servidor donde no puedes minificar en build pero quieres respuestas HTML más pequeñas.
Plantillas HTML de email, donde cada kilobyte cuenta porque los clientes recortan mensajes de más de 102 KB.
Snippets HTML embebidos en apps móviles o PDFs, donde el tamaño del paquete se traduce directamente en tiempo de descarga.

Resultado

Tu HTML de la página principal de 48 KB baja a 31 KB tras la minificación, una reducción del 35% que ahorra 50 ms en el tiempo de carga en conexiones 3G.

Preguntas frecuentes

¿La minificación romperá mi JavaScript o CSS inline?: La minificación preserva el whitespace significativo dentro de cadenas, template literals y regex. Los minificadores de JS y CSS inline lo respetan también. Si tu código depende de ASI o patrones raros, deja Minify Inline JS desactivado y colapsa solo whitespace.
¿Qué quita exactamente Remove Optional Tags?: Etiquetas que la spec permite omitir porque el parser las infiere: </li> antes de otro <li>, </p> antes de un elemento de bloque, </tr>, </td>, e incluso las aperturas <html> y <body>. Los navegadores las leen igual, pero alguna herramienta antigua puede protestar.
¿Gzip ya hace esto? ¿Minificar es redundante?: Gzip ayuda mucho, pero minificar antes suele dar un 5–10% adicional porque Gzip no puede reordenar el contenido ni quitar tokens redundantes. El tamaño combinado es el que llega al navegador y el que cuenta para el TTFB.
¿El HTML minificado sigue validando contra W3C?: Con las opciones por defecto sí. Remove Optional Tags produce HTML que sigue siendo HTML5 válido porque la spec permite explícitamente omitir esas etiquetas. Si necesitas XHTML estricto, deja esa opción apagada.
¿Puedo deshacer la minificación y recuperar el formato original?: No del todo. El whitespace, los comentarios y las etiquetas opcionales se pierden al eliminarlos. El botón Formatear integrado vuelve a sangrar el código para que se lea bien, pero no recupera el layout exacto ni los comentarios que quitaste. Guarda tu fuente por separado.

Minificador de HTML

HTML original

Ajustes

¿Qué es Minificador de HTML?

Cómo usar

Cuándo usar

Resultado

Preguntas frecuentes

Herramientas relacionadas

Generador de datos estructurados

Página web a PDF

Generador de política de privacidad

Generador de términos de servicio

Generador de Consentimiento de Cookies

Minificador CSS

Minificador de HTML

HTML original

Ajustes