Ferramentas de compressão de arquivos CSS

Como rapidamente uma página da Web é carregada, não é apenas um factor importante em web design tornou-se uma vez que o Google anunciou isso em conta no futuro, como um fator de classificação.

Idealmente páginas web consistir de vários arquivos (X) arquivo HTML, o arquivo CSS pode a partir de arquivos JavaScript, etc.

Todos esses dados serão carregados quando você abrir a página Web em um navegador e, portanto, têm influência sobre a velocidade de carregamento.

Mesmo com os arquivos CSS e arquivos JavaScript, você pode otimizar algumas de a velocidade de carregamento em que basta salvar os arquivos compactados.

Hoje eu apresento a vocês uma ferramenta online para compactação de arquivos CSS antes.

Código CSS comum durante a fase de desenvolvimento

Durante o desenvolvimento é adequado para a estrutura do código CSS faz sentido e as características individuais de uma linha no arquivo CSS para escrever. CSS é apenas os recém-chegados a recomendá-lo para manter o controle de tarefas.

Um exemplo:

 body {
 background-color: # ccc;
 color: # 000000;
 font-size: 12px;
 font-weight: bold;
 }
 h1 {
 color: # CC0000;
 font-size: 30px;

 }

Esse código é, naturalmente, muito fácil de ler, do outro lado, mas também muito "falador" - cada linha de custos de armazenamento físico e, portanto, cobrar mais tarde construir o site.

O comprimido código CSS

Em um código CSS comprimido em primeiro lugar, as linhas do arquivo CSS será "puxado juntos" e os comentários são removidos.

Para o exemplo acima se parece com isso:

Isto corresponde a uma redução no tamanho do ficheiro de cerca de 22%.

Meu exemplo foi agora muito pequeno - certeza que você pode imaginar que seria extremamente útil para arquivos grandes CSS pode comprimir os arquivos e, assim, acelerar o tempo de carregamento do site.

O otimizador de CSS e formatador de CLEANCSS.com

Quem não deseja executar a compressão com a mão, que são um grande número de compressores CSS estão disponíveis online para assumir essa tarefa para você.

A maioria destas ferramentas são baseados em CSSTidy - um analisador CSS fonte aberta que tem um número de funções de compressão.

A ferramenta em linha CLEANCSS.com todas estas funções foram considerados.

Você pode usar esta linha shrinker CSS, os dados CSS no campo destinado para copiar ou fazer download a partir de uma URL e selecionar uma variedade de opções de compactação.

O resultado pode ser exibido na tela ou gravar em um arquivo.

Dê-lhe uma tentativa - comprimir bem a pena.

É o tempo lento é rápido hpvorlagen24.de vezes - Sigh ...

Link relacionado:

Uma variedade de ferramentas de compressão bela outros CSS está em mostinspired.com intitulado " As ferramentas online para CSS compressor para otimizar suas folhas de estilo apareceu. "

Neste artigo iremos apresentar 16 destes compressores.