Minificador de HTML, CSS e JS
Como minificar código
- Cole seu HTML, CSS ou JavaScript. A linguagem é detectada, ou você mesmo define.
- A versão minificada aparece abaixo com o tamanho antes e depois e a porcentagem economizada.
- Copie ou baixe como arquivo .min.
Perguntas frequentes
O que exatamente é removido?
Comentários e espaços desnecessários. No CSS saem os espaços ao lado de chaves, ponto e vírgula, vírgulas e dois-pontos, além do último ponto e vírgula de cada bloco. No HTML sequências de espaço viram um só e os comentários saem. No JavaScript saem comentários e indentação.
Por que o JavaScript mantém as quebras de linha?
Porque tirá-las pode mudar o que o código faz. O JavaScript insere ponto e vírgula no fim da linha, então juntar duas linhas que dependiam disso quebraria o código. Só indentação, linhas vazias e comentários são removidos, o que é seguro em qualquer código.
Ele renomeia variáveis como uma ferramenta de build?
Não. Encurtar nomes e reescrever expressões exige um analisador de verdade e é trabalho de um empacotador como esbuild, terser ou SWC. Esta ferramenta serve para enxugar um arquivo na mão, onde a economia em geral é de 10% a 30%.
É seguro com strings e expressões regulares?
Sim. O leitor acompanha aspas, template literals e expressões regulares, então uma marca de comentário dentro de uma string, ou uma barra dentro de uma expressão regular, fica intacta.
Por que o espaço entre tags HTML é mantido?
Um espaço entre dois elementos em linha aparece na página, então removê-lo juntaria as palavras. Marque a segunda caixa se sua marcação for toda de elementos de bloco e você quiser tirá-lo.
O gzip já não faz isso?
Em boa parte, sim. Um servidor que comprime com gzip ou Brotli já tira os espaços repetidos, então minificar antes economiza bem menos do que a contagem de bytes sugere. Ainda ajuda em código embutido, modelos de e-mail e arquivos servidos sem compressão.
Meu código é enviado?
Não. O texto é processado no seu navegador e não é enviado para lugar nenhum.