Saltar al contenido principal
Z

Minificador de HTML

Minifica HTML con html-minifier-terser. Colapsa espacios en blanco, elimina comentarios y minifica CSS/JS en línea. Muestra el ahorro de tamaño en tiempo real.

Gratis Sin registro Del lado del cliente Respetuoso con la privacidad Updated

Tamaño:

Tamaño: · ahorrado %

Procesando…

Cómo usar

  1. 1 Pega tu código HTML en el panel izquierdo.
  2. 2 Activa o desactiva las opciones de colapsar espacios en blanco, eliminar comentarios y minificar CSS/JS en línea.
  3. 3 Pulsa Minificar para ver el ahorro de tamaño al instante.

Por qué usar esta herramienta

  • Funciona sobre html-minifier-terser, el sucesor mantenido activamente de html-minifier.
  • Los bloques <style> en línea se procesan con clean-css; los bloques <script> en línea se procesan con terser.
  • Las librerías se cargan de forma diferida (lazy-load): la página sigue siendo ligera hasta que pulsas Minificar.
  • Compara los tamaños lado a lado y descarga el archivo resultante directamente.

Preguntas frecuentes

¿La herramienta puede dañar mi HTML?

La configuración predeterminada es bastante conservadora: conserva las comillas de los atributos, las etiquetas de elementos vacíos (void) y el DOCTYPE. Aun así, revisa bien el resultado antes de usarlo en plantillas de producción.

¿Cómo puedo volver a dar formato al código minificado?

Usa <a class="underline" href="/html-formatter">HTML Formatter</a> para embellecer (pretty-print) el resultado minificado y revisarlo con más facilidad.

¿La herramienta minifica el SVG dentro del HTML?

Los espacios en blanco y comentarios dentro del SVG sí se colapsan, pero no se aplican las optimizaciones específicas para elementos SVG; para eso usa SVGO por separado.

¿Qué es Minificador de HTML?

El minificador de HTML es una herramienta que reduce el tamaño del código HTML para que las páginas carguen más rápido. Construido sobre html-minifier-terser, colapsa los espacios en blanco, elimina comentarios y minifica el CSS/JavaScript en línea, además de mostrar el ahorro de tamaño en tiempo real. Todo el proceso se ejecuta directamente en el navegador, por lo que el código HTML nunca se envía a ningún servidor.

Características

Eliminación de espacios y comentarios

Colapsa los espacios en blanco redundantes y elimina los comentarios sin alterar el resultado renderizado.

Minificación de CSS y JS en línea

También minifica el contenido de <style> y <script>, mediante html-minifier-terser.

100% privado

La minificación se ejecuta en tu dispositivo — no se sube nada.

Ejemplo

Input

<div>  <!-- c -->  <p>Hi</p>  </div>

Output

<div><p>Hi</p></div>

Casos de uso comunes

  1. 1

    Acelerar la carga de páginas

    Reduce el peso del HTML para mejorar el tiempo de carga y las Core Web Vitals.

  2. 2

    Minificar plantillas de correo

    Reduce el tamaño del HTML de los correos transaccionales antes de enviarlos.

  3. 3

    Preparar para producción

    Elimina comentarios y espacios en blanco de una plantilla como sustituto de un paso de compilación.

Resumen

El minificador de HTML de Zerethon reduce el tamaño del marcado para acelerar la carga de páginas usando html-minifier-terser, todo directamente en tu navegador. Colapsa los espacios en blanco, elimina comentarios y minifica el CSS y JavaScript en línea, mostrando el ahorro de tamaño en tiempo real. El marcado se procesa del lado del cliente y nunca se sube a ningún servidor.

Categoría
Desarrollo
Precio
Gratis
Privacidad
Basado en el navegador
Registro
No necesario

Referencias

Privacidad

Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Minificador de HTML funciona completamente del lado del cliente — sin subida a servidor, sin registro de actividad, sin seguimiento de tu contenido.

Herramientas relacionadas

Crea, comparte y crece en Zerethon Social

Registro gratuito. Gana puntos, colecciona logros y conecta con creadores de todo el mundo.

Regístrate gratis