Minificador de HTML e embelezador

HTML Minifier & Beautifier compacta documentos HTML removendo comentários e recolhendo o espaço em branco que seus modelos e editores deixam para trás — o recuo, as linhas em branco e os espaços finais que os navegadores ignoram, mas todos os visitantes ainda são baixados. O documento HTML é o primeiro recurso em cada carregamento de página; nada renderiza até que ele chegue, então os bytes reduzidos aqui movem a primeira pintura de conteúdo e o tempo para as primeiras métricas de byte mais diretamente do que qualquer outro recurso. Páginas e saídas de modelos renderizadas pelo servidor rotineiramente eliminam de 10 a 25% do tamanho.

O detalhe crítico na minificação de HTML é saber o que não tocar. Esta ferramenta mascara o conteúdo dos elementos <pre>, <textarea>, <script> e <style> antes de fazer qualquer outra coisa e os restaura byte por byte depois, então os exemplos de código mantêm suas quebras de linha, os padrões da área de texto mantêm sua formatação e o javascript e os cs inline nunca são reescritos. Os valores de atributos aspas são preservados exatamente e, ou seja, os comentários condicionais podem ser mantidos mesmo quando os comentários comuns são removidos — a mesma disciplina que um minificador de tempo de compilação como o HTML-Minifier-Terser se aplica.

O embelezador faz o contrário: é preciso uma marcação minificada ou confusa e a reindenta com a estrutura com reconhecimento de nidificação, mantendo elementos embutidos como <span>, <a> e <strong> fluindo com o texto ao redor em vez de explodir cada tag em sua própria linha. Tudo funciona 100% do lado do cliente no seu navegador — sua marcação nunca é carregada ou registrada, então as páginas raspadas, as exportações do CMS e os modelos proprietários são seguros para colar e a ferramenta continua funcionando offline.