Minificador de CSS
Tira comentários e espaço desnecessário de uma folha de estilos, em segurança.
Resultados
O que faz esta ferramenta
Uma folha de estilos escrita para ser lida por pessoas está cheia de coisas de que o navegador não precisa: comentários a explicar a intenção, linhas em branco a separar secções, espaços à volta de cada dois pontos. Tirá-los corta tipicamente entre um quarto e um terço do ficheiro, que chega mais cedo e bloqueia a pintura da página durante menos tempo. Este é um minificador conservador — tira apenas o que é de certeza dispensável, e nunca reescreve as suas regras.
Fórmula
tira comentários e espaço desnecessário, sem tocar no que está entre aspas
Variáveis
| Símbolo | Significado | Unidade |
|---|---|---|
text | CSS | — |
OUT | Minificado | — |
SB | Tamanho antes | B |
SA | Tamanho depois | B |
SV | Bytes poupados | B |
SP | Percentagem poupada | % |
Exemplo resolvido
- CSS/* cores */ body { color : #17191f ; margin : 0 ; } a:hover { color : #d1490b }
- Minificadobody{color:#17191f;margin:0}a:hover{color:#d1490b}
- Tamanho antes84 B
- Tamanho depois50 B
- Bytes poupados34 B
- Percentagem poupada40,48 %
Limitações
- O cálculo é feito inteiramente no seu navegador. Os valores que introduz nunca são enviados para um servidor.
Perguntas frequentes
Mexe no conteúdo dos textos entre aspas?
Não. O minificador lê a folha de estilos carácter a carácter e sabe quando está dentro de aspas, por isso uma regra content que contenha espaços ou um ponto e vírgula de propósito passa intacta. Nomes de tipos de letra com espaços, imagens de fundo com nomes complicados e selectores de atributo sobrevivem todos. O que ele não faz é renomear seja o que for, juntar regras ou trocar a ordem das declarações — a saída é a mesma folha de estilos com o mesmo sentido, apenas mais curta.