Minificador de HTML

Una página HTML más ligera que se ve igual

El HTML que escribes a mano o exportas desde un editor está lleno de sangrías, líneas en blanco y comentarios. Nada de eso aparece en la página, pero todo se descarga en cada visita. El minificador de HTML de Jood elimina lo que sobra, minifica de paso el CSS y el JavaScript escritos dentro de la página y te devuelve un archivo más pequeño que se muestra exactamente igual.

Cómo se usa

1. Pega el código de la página en la casilla «Código fuente», hasta 2 MB.
2. Pulsa «Empezar ahora».
3. Copia el resultado con «Copiar resultado» y úsalo en lugar del código original.

Qué hace la herramienta

• Elimina los comentarios, pero conserva los comentarios condicionales que necesitan Outlook y algunos programas antiguos, como <!--[if mso]>.
• Reduce cada serie de espacios y saltos de línea a un solo espacio, y quita los espacios alrededor de las etiquetas de estructura como div, p, li o table.
• Deja un espacio entre las etiquetas que van dentro del texto, como b, a o span, para que las palabras no se peguen.
• No toca el contenido de pre ni de textarea, donde los espacios forman parte del contenido.
• Minifica el CSS de las etiquetas style y el JavaScript de las etiquetas script, y deja intactos los scripts de otro tipo, como los datos JSON-LD pensados para los buscadores.

En nuestra prueba, una página pequeña con sangría normal, un comentario, una etiqueta style y otra script pasó de 509 a 389 bytes, más o menos una cuarta parte menos.

Dos casos en los que puede cambiar el aspecto

• Elementos inline-block uno al lado de otro: si tu menú está hecho con li en display: inline-block, el pequeño hueco entre ellos venía de los espacios del código. Tras minificar desaparece, así que ajústalo con margin o gap en el CSS.
• Espacios que mantiene el CSS: si usas white-space: pre en un elemento que no es pre, los espacios de su interior se reducirán. Pon ese texto en una etiqueta pre o no minifiques esa página.

Consejos antes de usarla

• Pega solo el HTML final, el que recibe de verdad el navegador. Un archivo de plantilla con PHP u otro lenguaje de plantillas puede dejar de funcionar, porque la herramienta lo trata todo como HTML.
• Los correos en HTML salen muy ganando: Gmail recorta un mensaje cuyo código supera unos 102 KB y esconde el resto detrás de un enlace para verlo entero.
• Guarda el original legible para editarlo y prueba la página después de minificarla.

Para archivos separados, usa el minificador de CSS y el minificador de JavaScript. El código se envía al servidor de Jood, se minifica y no se guarda.