Embellecedor de HTML

El HTML minificado — colapsado en una o unas pocas líneas largas por una herramienta de compilación — está optimizado por completo para el tamaño de transferencia, no para que una persona lo lea, lo cual se convierte en un obstáculo real en el momento en que necesitas inspeccionar la estructura de página de un competidor, depurar un problema de producción viendo el código fuente, o entender cómo está construido realmente un widget incrustado de terceros. Embellecerlo restaura el anidamiento que un lector humano necesita seguir: cada elemento en su propia línea, indentado para reflejar cuán profundo está dentro de sus padres, que es la representación sobre la que una persona realmente razona en lugar de la única línea densa que una herramienta de compilación optimizó para que las máquinas la transfirieran.

Inspeccionar una página construida por otra persona — la página de aterrizaje de un competidor, el marcado de un widget incrustado, un proyecto antiguo sin código fuente accesible — es una de las razones más comunes para recurrir específicamente a un embellecedor: las herramientas de desarrollador del navegador muestran el DOM renderizado en vivo, que es útil para un propósito, mientras que embellecer el código fuente HTML crudo muestra la estructura de documento real que envió el servidor, con la indentación restaurada, que es una vista distinta y a menudo más útil al intentar entender cómo se construyó realmente una página en lugar de cómo terminó renderizándose.