HTML Minifier — Minificador de HTML
Minifica HTML en tu navegador con html-minifier-terser: colapsa espacios en blanco, elimina comentarios, minifica CSS y JavaScript en línea y compara los tamaños de archivo.
🔒 Se ejecuta completamente en tu navegador — nada se subeCómo funciona la minificación de HTML
La minificación de HTML elimina todo lo que un navegador no necesita para renderizar una página: sangrías y saltos de línea entre etiquetas, comentarios, valores de atributo redundantes y atributos por defecto. Esta herramienta usa html-minifier-terser, que analiza tu marcado en etiquetas y texto, aplica las optimizaciones seleccionadas y lo vuelve a escribir. Collapse whitespace fusiona secuencias de espacios y elimina el espacio en blanco entre elementos de bloque, conservando los espacios simples que separan el texto en línea. El contenido de <pre> y <textarea> no se toca, porque ahí los espacios importan. Remove comments descarta las notas de desarrollo, y los minificadores en línea reducen los bloques <style> y <script> incrustados con clean-css y Terser.
Las insignias de tamaño muestran el tamaño en bytes UTF-8 de la entrada y la salida y el porcentaje ahorrado. Las plantillas escritas a mano con mucha sangría suelen reducirse entre un 15 y un 30 %, e incluso más si contienen scripts o estilos en línea grandes. Los servidores normalmente vuelven a comprimir el HTML con gzip o Brotli, por lo que el ahorro en la transferencia es menor que la cifra bruta, pero un documento más pequeño se analiza igualmente más rápido y mantiene compacto el código en línea crítico.
Elegir las opciones adecuadas
Remove redundant attributes es un conjunto de limpiezas seguras: acorta atributos booleanos como disabled="disabled" a disabled, elimina valores por defecto como type="text" en los campos de entrada y type="text/javascript" en los scripts, descarta atributos vacíos y sustituye los doctypes heredados largos por <!doctype html>. Remove optional tags omite etiquetas de cierre como </li>, </p> y </body> que la especificación de HTML permite a los navegadores inferir. Remove attribute quotes elimina las comillas alrededor de los valores que no las necesitan. Ambas producen HTML válido, pero pueden sorprender a otras herramientas que lean tu marcado, por lo que están desactivadas por defecto.
Privado por diseño
El minificador se carga bajo demanda y se ejecuta de forma local, por lo que tus plantillas, el marcado de correos y las páginas de destino nunca se suben. Eso lo hace útil para tareas puntuales, como reducir un correo HTML, un fragmento de inserción o una página estática antes de pegarlo en un CMS. Si el analizador informa de un error, revisa la entrada en busca de etiquetas sin cerrar o corchetes angulares sueltos. Para sitios en producción, mantén la minificación en tu pipeline de compilación para que el resultado sea reproducible.
Cómo usar
- Añade tu marcadoPega HTML en el campo de entrada o suelta un archivo .html en la zona de arrastre.
- Elige las opcionesActiva o desactiva el colapso de espacios, la eliminación de comentarios, la minificación de CSS y JS en línea y las limpiezas más agresivas.
- MinificaHaz clic en Minify HTML para ver el resultado con el tamaño antes, después y el porcentaje ahorrado.
- Copia o descargaCopia el HTML minificado o descárgalo como un archivo .min.html.