Minificador de HTML

Cómo funciona

La página se escanea una vez, separando las regiones crudas (bloques script, style, textarea y pre pasan byte a byte) del marcado normal. En el marcado se eliminan los comentarios salvo los condicionales, se colapsa el espacio en blanco y —si lo activas— caen las comillas de atributo sin riesgo y los atributos type redundantes. Las transformaciones de abajo son la lista completa; no se intenta nada más.

Seguro aquí, seguro allá, y por qué la línea está ahí

Colapsar espacios entre etiquetas: seguro, salvo alrededor de pre/textarea/script donde es contenido, que protege el pase de regiones crudas. Quitar comentarios: seguro, menos los condicionales que IE antiguo ejecuta. Soltar comillas de valores simples como class="box": seguro según las reglas de HTML5. Esas tres corren aquí. Quitar etiquetas de cierre opcionales (</p>, </li>) NO se ofrece a propósito: el navegador reinfiere la estructura del contexto y un mal cálculo anida y voltea un diseño por unos pocos bytes.

Conservador por diseño — y qué omite

Esto es un reductor de marcado, no una cadena de construcción. No minimiza JavaScript ni CSS (inline ni externo), no acorta nombres de clases, no toca URLs y no inlinea ni deduplica nada. El paquete npm html-minifier-terser llega más lejos porque integra un minificador real de JS/CSS; si hoy no necesitas su salida, nuestra página Code Minifier atiende JS y CSS como trabajo propio.

Revisa antes de publicar

El espacio entre elementos inline-block tiene significado visual, así que el modo Agresivo puede cerrar huecos diminutos en el render — por eso el modo Seguro (colapsar a un espacio) es el predeterminado y la línea de estadísticas te muestra exactamente cuántos bytes ahorra cada modo. Si el agresivo gana solo unos cientos de bytes sobre el seguro, quédate con el seguro.

Preguntas frecuentes