Minifique código HTML y mida la reducción de tamaño

También comprueba que los elementos ordinarios se cierren en el orden correcto, y reconoce tanto los elementos vacíos estándar de HTML como la sintaxis de cierre automático explícito. Cada resultado correcto incluye el HTML compacto, los recuentos de bytes UTF-8 originales y finales, el porcentaje ahorrado y el número de comentarios eliminados. La operación es determinista, no necesita conexión de red y ofrece una alternativa prudente a la reescritura agresiva del marcado.

Elimine formato sin borrar el contenido de la página

El HTML legible suele contener sangrías, líneas en blanco y comentarios explicativos que facilitan el mantenimiento del documento, pero añaden bytes al recurso publicado. Esta capacidad elimina los comentarios HTML ordinarios y suprime los nodos de texto compuestos solo por espacios cuando aparecen entre dos etiquetas de marcado. Conserva deliberadamente todo texto que contenga algún carácter distinto de un espacio, ya que un espacio dentro de una frase visible puede separar palabras y ser importante para el diseño o la accesibilidad. Los valores de los atributos no cambian, incluidos los valores entre comillas que contienen ángulos, espacios, secuencias parecidas a comentarios o datos incrustados. El analizador lee cada etiqueta completa y respeta las comillas, en lugar de detenerse ante el primer signo de cierre que encuentra. Los cuerpos de script y style reciben un tratamiento especial: su contenido se copia exactamente hasta la etiqueta de cierre correspondiente, por lo que los operadores de comparación, cadenas, selectores CSS y sintaxis de comentarios internos no se confunden con marcado HTML. El campo html devuelto puede guardarse como artefacto de despliegue, mientras el código legible permanece en el control de versiones. Este alcance prudente evita reordenar atributos, normalizar texto, decodificar entidades, omitir etiquetas o efectuar otras transformaciones que podrían alterar el comportamiento del navegador.

Detecte marcado incompleto o anidado de forma incorrecta

La minificación nunca debería ocultar una plantilla truncada presentándola como un archivo válido para producción. Durante el análisis del documento, la capacidad registra cada elemento de apertura ordinario y exige que los elementos se cierren en el orden inverso al de su apertura. Por tanto, si se abre un div y después un span, el span debe cerrarse antes que el div. Una etiqueta de cierre inesperada, una etiqueta sin terminar, un comentario sin cerrar o un elemento que siga abierto al final genera un error de entrada no válida en vez de una salida parcial. Los elementos vacíos estándar, como img, input, meta, link, br, hr, source y wbr, no necesitan etiqueta de cierre. También se admite la sintaxis explícita de cierre automático para cualquier elemento con nombre, lo que permite procesar fragmentos con forma XML y resultados de componentes que incluyen una barra final. Se trata de una validación estructural deliberada, no de un comprobador completo de conformidad con la especificación HTML. En particular, el algoritmo no deduce cierres opcionales ni repara marcado que un navegador podría tolerar. Si el origen omite cierres de elementos como párrafos o elementos de lista, ciérrelos explícitamente antes de enviarlo. Esta regla estricta facilita la detección de plantillas defectuosas y mantiene resultados predecibles en cualquier entorno de automatización.

Mida el ahorro en un flujo de publicación reproducible

La respuesta mide tanto el código enviado como el resultado compacto en bytes UTF-8, una representación más fiel del tamaño de almacenamiento y transferencia de los recursos HTML habituales que el recuento de caracteres de JavaScript. Esta diferencia importa cuando el marcado contiene texto acentuado, alfabetos no latinos, emoji u otros caracteres que ocupan varios bytes. reduction_percent se calcula a partir de esos totales exactos y se redondea a dos decimales, mientras que comments_removed indica cuántos comentarios HTML completos se eliminaron. Un generador de sitios estáticos puede procesar cada página renderizada con esta capacidad, guardar el valor html devuelto y registrar las mediciones en su informe de compilación. Un flujo de plantillas puede usar los errores estructurales para detener la publicación cuando el marcado generado está cortado o mal anidado. Como el procesamiento es puro y determinista, la misma entrada siempre produce la misma salida y las mismas métricas, sin llamadas de red, dependencias externas, valores aleatorios ni comportamientos vinculados a la hora. Cada solicitud API automatizada cuesta $0.002. Tenga en cuenta que esta operación no comprime los datos de transporte, agrupa recursos enlazados, optimiza JavaScript o CSS en línea ni reescribe la semántica del documento. Después puede aplicar compresión del servidor, como Brotli, para ahorrar aún más en la transferencia.