O que é um Minificador HTML?
Um minificador HTML reduz o tamanho de documentos HTML removendo espaços em branco desnecessários, comentários, tags de fechamento opcionais e atributos redundantes. Isso resulta em entrega de página mais rápida e menor consumo de largura de banda.
Como Usar Este Minificador HTML
- Cole sua marcação HTML no campo de entrada.
- Clique em “Minificar” para minificar o HTML.
- Copie a saída comprimida para seu projeto web.
Conceitos Principais
A minificação HTML remove comentários, colapsa espaços em branco entre tags, remove tags opcionais (como tags de fechamento </p> e </li>), elimina valores padrão de atributos e encurta atributos booleanos. Diferente da minificação CSS ou JS, a minificação HTML deve ter cuidado para não alterar conteúdo sensível a espaços em branco dentro de elementos <pre> ou <code>.
Perguntas Frequentes
A minificação HTML afetará o layout da minha página?
Na maioria dos casos, não. Porém, elementos inline podem ser afetados pela remoção de espaços em branco entre eles. Teste cuidadosamente se seu layout depende de espaços entre elementos inline ou inline-block.
Quais tags opcionais podem ser removidas com segurança?
O HTML5 permite omitir tags de fechamento para <p>, <li>, <td>, <th> e vários outros elementos. As tags <html>, <head> e <body> em si também são tecnicamente opcionais.
Qual redução de tamanho é típica?
A minificação HTML geralmente atinge 10-30% de redução, dependendo de quantos comentários e quanto espaço em branco seu código-fonte contém.