Como usar
- Cole seu HTML, abra um arquivo
.htmlou comece pelo exemplo. - O HTML minificado aparece enquanto você digita, com o tamanho antes e depois.
- Copie, baixe ou clique em Publicar esta página para colocá-lo no ar.
O que ele remove
- Comentários e espaços entre tags (um único espaço é mantido onde poderia aparecer entre elementos inline).
- Atributos que só repetem o padrão, como
type="text/javascript"em scripts etype="text/css"em estilos. - O doctype longo, trocado por
<!doctype html>. - O conteúdo de
<style>e<script>inline é minificado como CSS e JavaScript.
<pre> e <textarea> mantêm seus espaços, então a página fica com a mesma aparência e funciona igual.
Vale a pena?
A maioria das hospedagens, o Lobsite incluído, já comprime as páginas com gzip ou Brotli a caminho do navegador, o que reduz muito bem os espaços repetidos. Minificar antes costuma economizar mais 5 a 15%. Faz mais diferença em páginas grandes, páginas com muito CSS e JavaScript inline e HTML dentro de e-mails, onde nada é comprimido.
Perguntas frequentes
Minificar pode quebrar minha página?
As configurações são as conservadoras: espaços que poderiam aparecer ficam como um espaço, e tags de fechamento opcionais e aspas de atributos continuam no lugar. JavaScript inline com erro de sintaxe é deixado como está. Confira o resultado no Visualizador de HTML antes de publicar.
Devo minificar à mão a cada mudança?
Para uma página, aqui é rápido. Para um site que você edita com frequência, deixe a ferramenta de build fazer isso (Vite, Astro e a maioria dos geradores fazem), e mantenha a versão legível no seu código-fonte.
Que minificador ele usa?
O html-minifier-terser, com o Terser para o JavaScript inline. Ele carrega na primeira vez que você minifica e depois roda no seu navegador.
Meu HTML é enviado para algum lugar?
Não. Ele é minificado no seu navegador e só é enviado ao Lobsite se você clicar em Publicar esta página.