Cómo usarlo
- Pega tu HTML, abre un archivo
.htmlo empieza con el ejemplo. - El HTML minificado aparece mientras escribes, con el tamaño antes y después.
- Cópialo, descárgalo o pulsa Publicar esta página para ponerlo en línea.
Qué quita
- Los comentarios y los espacios entre etiquetas (se deja un espacio donde podría verse entre elementos en línea).
- Los atributos que solo repiten el valor por defecto, como
type="text/javascript"en scripts ytype="text/css"en estilos. - El doctype largo, que se sustituye por
<!doctype html>. - El contenido de
<style>y<script>en línea se minifica como CSS y JavaScript.
<pre> y <textarea> conservan sus espacios, así que la página se ve y funciona igual.
¿Merece la pena?
La mayoría de los hostings, Lobsite incluido, ya comprimen las páginas con gzip o Brotli camino del navegador, lo que reduce muy bien los espacios repetidos. Minificar antes suele ahorrar otro 5 a 15 %. Importa sobre todo en páginas grandes, páginas con mucho CSS y JavaScript en línea, y en el HTML de los correos, donde no se comprime nada.
Preguntas frecuentes
¿Puede la minificación romper mi página?
Los ajustes son los prudentes: el espacio que podría verse se mantiene como un espacio, y las etiquetas de cierre opcionales y las comillas de los atributos se dejan en su sitio. El JavaScript en línea con un error de sintaxis se deja tal cual. Revisa el resultado en el Visor HTML antes de publicarlo.
¿Debo minificar a mano en cada cambio?
Para una página, aquí es rápido. Para un sitio que editas a menudo, deja que lo haga tu herramienta de build (Vite, Astro y la mayoría de los generadores lo hacen), y guarda la versión legible en tu código fuente.
¿Qué minificador usa?
html-minifier-terser, con Terser para el JavaScript en línea. Se carga la primera vez que minificas y luego se ejecuta en tu navegador.
¿Se sube mi HTML?
No. Se minifica en tu navegador, y solo se envía a Lobsite si pulsas Publicar esta página.