Minificador de HTML

La minificación HTML elimina todos los caracteres que el navegador no necesita para mostrar la página — comentarios, saltos de línea, indentación y espacios en blanco entre etiquetas — sin cambiar cómo se ve ni cómo funciona la página. Por ejemplo, '<ul>\n <li>Uno</li>\n <li>Dos</li>\n</ul>' (unos 42 bytes) se minifica a '<ul><li>Uno</li><li>Dos</li></ul>' (32 bytes). La lista mostrada es idéntica para el visitante. El ahorro parece pequeño por fragmento, pero las páginas HTML reales llenas de indentación y código generado por un CMS suelen reducirse entre un 15 y un 25% en bytes sin procesar — más aún cuando se combina con la compresión gzip en el servidor.

Un HTML más pequeño significa menos bytes que descargar y menos que el navegador debe analizar, por lo que la página carga más rápido — lo que mejora el First Contentful Paint (FCP) y las puntuaciones de Core Web Vitals, especialmente en móvil. Google PageSpeed Insights señala el HTML sin minificar como un problema de rendimiento estándar y lo incluye en sus recomendaciones. La ganancia es mayor en páginas escritas a mano o generadas por un CMS, llenas de indentación y comentarios de desarrollador. Cada kilobyte que eliminas es un kilobyte que el visitante nunca tiene que descargar, lo que importa especialmente en conexiones móviles lentas donde el ancho de banda es limitado.

Se eliminan los comentarios (<!-- … -->), las secuencias de espacios en blanco, la indentación y los saltos de línea entre etiquetas, y los huecos entre elementos de bloque. El minificador también colapsa atributos booleanos (convirtiendo 'disabled="disabled"' en solo 'disabled') y puede opcionalmente eliminar etiquetas de cierre redundantes como </li> y </td>. Los comentarios condicionales (<!--[if IE]>) se conservan siempre ya que todavía importan para apuntar a IE antiguo. El contenido de <pre>, <textarea>, <script> y <style> nunca se toca — los espacios en blanco dentro de esos elementos son significativos y cambiarlos rompería la página.

Sí, cuando el HTML no pasa ya por un proceso de compilación. Las páginas que escribes a mano, exportas desde un CMS o ensamblas en un tema WordPress, además de los correos HTML y los bloques inline <style>/<script>, se publican con indentación y comentarios que la minificación elimina gratis. Si un bundler como Vite o webpack ya minifica tu salida, esos archivos no necesitan un segundo paso — pero la mayoría del HTML del mundo real nunca pasa por un bundler. Los generadores de sitios estáticos como Jekyll y Hugo incluyen minificadores HTML como plugins opcionales, y los plugins de WordPress como WP Rocket, LiteSpeed Cache y Autoptimize lo hacen automáticamente en cada renderizado de página.

Como texto sin procesar, la minificación suele ahorrar entre el 10 y el 25%. Una página de 30 KB escrita a mano a menudo baja a unos 24 KB, y un fragmento pequeño como '<ul>\n <li>Uno</li>\n <li>Dos</li>\n</ul>' (43 bytes) se reduce a 33 bytes — aproximadamente un 23% menos. Una vez que tu servidor aplica gzip al resultado, la reducción combinada suele ser del 70 al 85%. Esta herramienta muestra el tamaño minificado y la estimación gzip uno al lado del otro para que veas ambos números a la vez. La estimación gzip se calcula localmente en tu navegador — no en un servidor — para que obtengas el ahorro combinado real sin subir nada.

No cuando se hace de forma segura, que es como funciona esta herramienta. Nunca toca el contenido de <pre>, <textarea>, <script> o <style>, donde los espacios en blanco son significativos, y conserva los espacios simples entre elementos en línea como enlaces y <span>s — para que 'un <a href="/x">enlace</a> aquí' nunca se convierta en 'un enlace aquí' todo junto. Algunos minificadores online rápidos colapsan ese espaciado y cambian sutilmente el renderizado o el diseño. El HTMLMinifier de kangax (la biblioteca de minificación HTML para Node.js más popular) usa un enfoque igualmente seguro por defecto por la misma razón. Si ves alguna diferencia en el renderizado tras minificar, usa el modo Embellecer para restaurar la estructura original.

Cambia al modo Embellecer con el interruptor de la parte superior y pega tu HTML minificado. La herramienta vuelve a indentar el código y pone las etiquetas en sus propias líneas, convirtiendo '<ul><li>Uno</li><li>Dos</li></ul>' en código formateado y legible. Elige indentación de 2 espacios, 4 espacios o tabulaciones para adaptarte al estilo de tu proyecto. Esto es lo inverso a minificar — útil para inspeccionar una página minificada que encontraste en producción, leer una plantilla CMS que fue aplastada por un proceso de compilación, o depurar un diseño viendo la estructura completa de etiquetas claramente desplegada.

La minificación reduce el propio texto fuente — publicas un archivo .html físicamente más pequeño. Gzip y Brotli comprimen los bytes durante la transferencia, y el navegador los descomprime de forma transparente al recibirlos. Los dos se complementan: minifica el código fuente primero, luego deja que tu servidor lo comprima con gzip. Google web.dev recomienda hacer ambos pasos — la minificación elimina bytes que gzip no puede comprimir del todo, mientras que gzip gestiona los patrones repetitivos que la minificación deja intactos. Por eso esta herramienta muestra tanto el conteo de bytes minificados como la estimación gzip, para que puedas ver la ganancia combinada total antes y después del despliegue.

La minificación hace el HTML más pequeño manteniéndolo válido y completamente legible una vez embellecido — solo elimina los caracteres que el navegador ignora. La ofuscación mezcla o reescribe deliberadamente el código para que sea difícil de entender o copiar. La minificación de HTML nunca renombra tus clases, IDs ni contenido, ni cambia el significado; es sin pérdidas y reversible, lo que la ofuscación no es. Si quieres evitar que la gente lea tu código HTML fuente (que los navegadores exponen igualmente a través de Ver código fuente), la minificación sola no ayudará — necesitarías técnicas adicionales que están fuera de lo que hace un minificador.

Sí, en un solo paso. Mantén activado 'Minificar CSS inline' y la herramienta comprime el contenido de cada bloque <style> de la misma forma que lo haría un minificador CSS dedicado — eliminando comentarios y espacios en blanco mientras protege cadenas, url() y calc(). 'Minificar JS inline' procesa los bloques <script> de forma conservadora: elimina comentarios y colapsa espacios en blanco pero conserva los saltos de línea para que la inserción automática de punto y coma (ASI) no pueda corromper tu código. Los scripts marcados como JSON o plantillas se dejan intactos. Este enfoque combinado supera a ejecutar herramientas separadas como un minificador CSS y un minificador JS de forma secuencial, ya que cada uno puede malinterpretar el contexto cuando se aplica a un archivo HTML mixto.

Con esta herramienta, sí — porque corre 100% en tu navegador usando JavaScript. Tu HTML nunca se sube, registra ni almacena en ningún lugar, por lo que incluso las páginas no publicadas, el trabajo de clientes o el código que contiene datos privados permanece completamente en tu dispositivo. Puedes comprobarlo desconectándote de la red: el minificador sigue funcionando sin conexión porque no hay servidor involucrado. En cambio, HTMLMinifier.com y Minifier.org envían tu HTML a un servidor remoto para su procesamiento. El minificador de Willpeavy.com también hace una llamada al servidor. Para proyectos confidenciales, el procesamiento local en el navegador es la única opción segura.

Tienes dos opciones. Para un caso puntual, copia el código fuente de tu página renderizada (o la salida de una plantilla) y pégala aquí para minificarla. Para todas las páginas de forma automática, un plugin de caché u optimización puede minificar HTML al vuelo: WP Rocket, W3 Total Cache, LiteSpeed Cache y Autoptimize incluyen opciones de minificación HTML. WP Rocket y LiteSpeed Cache son los más fiables para temas complejos con mucho contenido dinámico. Esta herramienta es perfecta para fragmentos de temas, bloques personalizados y plantillas de correo HTML que esos plugins no cubren automáticamente, como secciones personalizadas de Elementor o plantillas de campos ACF.

HTMLMinifier.com y Minifier.org son minificadores HTML online populares, pero ambos envían tu HTML a un servidor remoto para procesarlo. Eso significa que tu código — incluyendo páginas no publicadas, contraseñas en formularios o trabajo privado de clientes — sale de tu dispositivo. Minifycode.com es otra herramienta del lado del servidor con la misma limitación. Esta herramienta hace todo localmente en el navegador, por lo que nada se sube nunca. En cuanto a funciones, añade un embellecedor bidireccional en la misma interfaz, estimaciones gzip en tiempo real y minificación de CSS/JS inline — todo sin recargas de página ni llamadas al servidor.

Sí, funciona completamente en móvil — pega HTML desde el portapapeles, ve el resultado minificado de inmediato y cópialo de vuelta. La interfaz se adapta a pantallas pequeñas. Ha sido probada en Safari para iOS y Chrome para Android. Un caso de uso móvil habitual es comprobar cuánto se reduce una plantilla de página antes de confirmar un cambio — puedes pegar el HTML desde el Ver código fuente del navegador móvil y ver el ahorro ahí mismo. Sin descarga de aplicación, sin registro y sin límites de uso en móvil. También funciona sin conexión a la red una vez que la página se ha cargado.