Output will appear here...¿Qué es el minifier y embellecedor HTML?
HTML Minifier & Beautfier comprime documentos HTML eliminando comentarios y colapsando el espacio en blanco que dejan sus plantillas y editores: la sangría, las líneas en blanco y los espacios finales que los navegadores ignoran pero que todos los visitantes aún descargan. El documento HTML es el primer recurso en cada carga de página; nada se renderiza hasta que llega, por lo que los bytes recortados aquí mueven la primera pintura y el tiempo a las métricas adyacentes al primer byte más directamente que casi cualquier otro activo. Las páginas renderizadas por el servidor y la salida de plantillas despojan rutinariamente del 10 al 25% de su tamaño.
El detalle crítico en la minificación HTML es saber qué no tocar. Esta herramienta enmascara el contenido de <pre>, <textarea>, <script> y elementos <style> antes de hacer cualquier otra cosa y los restaura byte-for-byte después, por lo que los ejemplos de código mantienen sus saltos de línea, los valores predeterminados de área de texto mantienen su formato y JavaScript en línea y CSS nunca se vuelven a escribir. Los valores de atributos citados se conservan exactamente, y los comentarios condicionales de IE se pueden conservar incluso cuando se eliminan los comentarios ordinarios: la misma disciplina se aplica un minifierno de tiempo de compilación como HTML-Minifier-Terser.
El embellecedor hace lo contrario: toma un marcado minificado o desordenado y lo reindenta con una estructura consciente de anidación, manteniendo elementos en línea como <span>, <a> y <strong> fluyendo con su texto circundante en lugar de explotar cada etiqueta en su propia línea. Todo se ejecuta al 100% del lado del cliente en su navegador: su marcado nunca se carga o registra, por lo que las páginas raspadas, las exportaciones de CMS y las plantillas patentadas son seguras de pegar, y la herramienta sigue funcionando sin conexión.
El espacio en blanco en HTML no siempre es insignificante, por lo que pre, textarea, script y style se dejan exactamente como son. Colapsar un espacio dentro de un bloque previo cambia lo que ve el lector, y colapsar uno dentro de un script puede cambiar lo que hace el script.
¿Cómo usar HTML Minifier & Beautifier?
Pega tu HTML
Suelte un fragmento, una plantilla de componente o un documento completo en el área de entrada. Se aceptan tanto el marcado formateado como el ya minificado.
Establezca sus opciones
Para la minificación, conmutar la eliminación de comentarios, el colapso de espacios en blanco y la preservación de los comentarios condicionales. Para embellecer, elija 2, 4 u 8 sangría de espacio.
Haga clic en Minify o Embellecer
Minify comprime el marcado mientras protege el contenido <pre>, <textarea>, <script> y <style>. Embellece las etiquetas anidadas de reindens y mantiene los elementos en línea legibles. La insignia de ahorro muestra los tamaños exactos de antes/después.
Copiar o descargar
Copie el resultado en su portapapeles o descárguelo como un archivo .html listo para implementar o inspeccionar.
Características clave
Bloques de contenido protegido
<pre>, <textarea>, <script> y <style> Los contenidos están enmascarados y restaurados byte por byte: los ejemplos de código y los scripts en línea nunca se descomponen
Minificación configurable
Interruptores independientes para la eliminación de comentarios, colapso de espacios en blanco y conservación de comentarios condicionales de IE
Colapso seguro de atributos
Los valores de atributos citados dentro de los espacios en blanco se conservan exactamente, por lo que el texto alternativo, los atributos de datos y el JSON en línea sobreviven intactos
Embellecedor consciente de la estructura
Sangra elementos de bloques anidados mientras mantiene etiquetas en línea como <span> y <a> fluyendo con su texto; las etiquetas de vacío no necesitan un par de cierre
Frequently Asked Questions
Related Tools
CSS Minifier & Beautifier
Minify CSS to cut file size or beautify minified stylesheets for debugging
JSON Minifier
Minify JSON by removing whitespace, or beautify it with clean indentation, with live size-savings stats and exact parser error messages
SQL Formatter
Format messy SQL into readable, indented queries or minify SQL to a single line
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Comments
0 comments
No comments yet. Be the first to share your thoughts!