Minificador de HTML gratis
Reduzca la carga útil HTML eliminando espacios en blanco y comentarios redundantes.
Cargando herramienta…
Cómo reducir el espacio en blanco HTML y los comentarios
Crear HTML compacto a partir de un documento pegado. Revisa el contenido sensible al espacio blanco y prueba la salida antes de reemplazar una página publicada.
- Pegar una copia en la entrada HTML.
- Elige Minify.
- Compara texto visible, espaciado en línea y contenido incrustado con el original.
- Copia o descarga el resultado y pruébalo en tu propio entorno de página.
Cuándo limpiar HTML antes de publicar
HTML a menudo recopila comentarios durante el desarrollo: notas a compañeros de equipo, bloques de marcado desactivados, etiquetas de versiones y recordatorios. Esos comentarios se envían a cada visitante y cualquiera puede leerlos con View Source.
Esta herramienta es útil cuando está a punto de pegar una página o una plantilla de correo electrónico en un sistema de contenido, compartir un fragmento con un cliente o entregar una página estática. Elimina los comentarios HTML y devuelve el marcado ordenado que se puede copiar o descargar como index.min.html.
Acepta tanto documentos completos que comienzan con una etiqueta doctype o html como fragmentos más pequeños, como una lista de navegación o un componente de tarjeta.
Ejemplo trabajado con el documento de muestra
La entrada muestra es una página corta con un doctype, una cabeza con un juego de caracteres y un título, y un cuerpo que contiene el principal de los comentarios y un encabezado que dice Hello world. Tiene 172 caracteres de largo.
Selecciona Minify. El comentario se elimina y el documento es reconstruido por el analizador HTML del navegador. La salida es 156 caracteres, por lo que la herramienta informa de Saved: 9,3%, calculado como (172 menos 156) dividido por 172, por 100.
Un fragmento funciona de la misma manera. Una lista con una línea de comentarios llamada nav y dos elementos, Inicio y Acerca, es 58 caracteres. Después de eliminar el comentario, la salida es de 46 caracteres, un ahorro del 20.7 por ciento.
Cómo funciona el procesamiento
La herramienta analiza su entrada con el propio analizador HTML del navegador, camina a través de cada nodo y elimina los nodos de comentarios. Luego serializa el resultado de nuevo al texto. Para un documento completo, el doctype se escribe como un doctype HTML5 estándar.
Debido a que el analizador reconstruye el marcado, algunos detalles pueden cambiar de maneras inofensivas. La cita de atributos puede normalizarse, se pueden añadir etiquetas de cierre que faltan y se puede soltar el espacio en blanco antes de que el elemento cabezal. De lo contrario, se mantiene el espacio en blanco entre los elementos y el texto interior, lo que evita cambiar las brechas entre los elementos en línea o el contenido del texto preformatado.
La cifra de ahorro compara la longitud de la entrada y la salida. Es un simple recuento de caracteres, no una medida de tamaño de transferencia comprimida.
Errores comunes a evitar
No elimina comentarios de los que depende algo. Algunas plantillas, herramientas de construcción y clientes de correo electrónico antiguos utilizan comentarios especiales como marcadores o instrucciones condicionales. Comprueba su flujo de trabajo antes de publicar la salida.
Mantén una copia intacta de la fuente original. La salida está destinada a la entrega, no a una mayor edición por parte de tu equipo.
No espera grandes ahorros en páginas con pocos comentarios, y recuerda que los scripts, estilos e imágenes en archivos separados no se cambian. Prueba el resultado en tu propio entorno antes de reemplazar una página en vivo.
Consejos útiles y limitaciones
- Conserve el código fuente, especialmente para plantillas y texto preformateado.
- Optimice imágenes, scripts y hojas de estilos separados a través de tus propios flujos de trabajo.
- Busca en la salida palabras como TODO o nombres internos para confirmar que los comentarios sensibles han desaparecido.
- Usa el botón Borrar entre documentos para que un resultado antiguo no se copia por error.
Preguntas frecuentes
¿Reduce los archivos JavaScript externos?
No. Funciona en el HTML que proporciona.
¿El HTML más pequeño garantiza una página más rápida?
No. Otros recursos, caché y condiciones de red también importan.
¿Puede la eliminación de espacio en blanco afectar a una página?
Sí. Las convenciones de formato y plantillas especiales pueden depender del espacio en blanco; prueba antes de publicar.
¿El modificador HTML elimina los comentarios dentro de las etiquetas de script?
No. Texto dentro de un elemento script no es un nodo de comentarios HTML, por lo que los comentarios JavaScript se dejan como están.
¿Por qué mi salida incluye etiquetas que no escribí?
Para documentos completos, el analizador del navegador puede añadir una estructura implícita, como etiquetas de cierre. Esto coincide con cómo los navegadores leen la página de todos modos.
¿Qué nombre de archivo utiliza la descarga?
El resultado se descarga como index.min.html, que puedes renombrar.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online