Minificador de HTML
Junta o espaço em branco e tira comentários, deixando em paz os blocos pre e script.
Resultados
O que faz esta ferramenta
O HTML escrito à mão traz indentação que existe apenas para quem lê o código. O navegador não precisa dela, e numa página grande pode ser um décimo dos bytes. O cuidado necessário está em saber onde o espaço conta: dentro de um bloco pre é o objectivo inteiro, dentro de um script pode estar dentro de um texto, e entre dois elementos em linha é um espaço de palavra visível. Isto deixa os três em paz.
Fórmula
junta o espaço em branco, menos dentro de pre, textarea, script e style
Variáveis
| Símbolo | Significado | Unidade |
|---|---|---|
text | HTML | — |
OUT | Minificado | — |
SB | Tamanho antes | B |
SA | Tamanho depois | B |
SV | Bytes poupados | B |
SP | Percentagem poupada | % |
Exemplo resolvido
- HTML<!-- cabeçalho --> <div class="caixa"> <p> Olá </p> <pre> isto fica </pre> </div>
- Minificado<div class="caixa"> <p> Olá </p> <pre> isto fica </pre> </div>
- Tamanho antes93 B
- Tamanho depois64 B
- Bytes poupados29 B
- Percentagem poupada31,18 %
Limitações
- O cálculo é feito inteiramente no seu navegador. Os valores que introduz nunca são enviados para um servidor.
Perguntas frequentes
Porque deixa um espaço entre marcas?
Porque em HTML um espaço entre dois elementos em linha vê-se, e tirá-lo muda a página. <span>a</span> <span>b</span> lê-se "a b"; tire-se o espaço e lê-se "ab". Um minificador que tire todos os espaços entre marcas parte exactamente isto, e o erro passa facilmente despercebido porque só aparece em conteúdo em linha. O espaço entre marcas de bloco é reduzido, e dentro de pre, textarea, script e style não se mexe em nada.