Output will appear here...HTML Minifier & Beautifier comprime documentos HTML eliminando comentarios y colapsando el espacio en blanco que dejan atrás 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>, __ph2_ 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 minifiser 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.
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.
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.
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.
Copie el resultado en su portapapeles o descárguelo como un archivo .html listo para implementar o inspeccionar.
<pre>, <textarea>, __ph2_ y <style> Los contenidos están enmascarados byte-for-byte: los ejemplos de código y los scripts en línea nunca se descomponen
Interruptores independientes para la eliminación de comentarios, colapso de espacios en blanco y conservación de comentarios condicionales de IE
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
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
0 comments
No comments yet. Be the first to share your thoughts!