Existem várias estratégias diferentes que você pode usar para reduzir o tamanho de um arquivo Cascading Style Sheets (CSS). A maioria está preocupado principalmente com se livrar de despedimentos e maximizando a eficiência . CSS pode ficar grande , especialmente para um site com um layout complexo , eo tamanho do arquivo CSS pode se tornar um fator importante na velocidade com que um site cargas . Ao empregar algumas técnicas de senso comum , no entanto, você pode minimizar o tamanho do arquivo CSS para que as cargas site o mais rápido possível . Instruções
1
Criar um arquivo CSS externo em vez de usar código embutido CSS no arquivo HTML. Isso é para o arquivo CSS será armazenada em cache pelo navegador da Web em visitas subseqüentes ao site , ao invés de baixado e outra vez como seria se fosse parte do arquivo HTML.
2
Use os diversos códigos de taquigrafia CSS em vez de listar as propriedades individuais de um elemento. Por exemplo, os vários elementos de um fundo , como "background- color: # fff ;" , " background-repeat : no-repeat ; " e " background-position : 0 0 ; " podem ser listados individualmente , ou podem ser combinadas em algo como " background: # fff sem repetição 0 0 ; " que é muito menos código e reduz o tamanho do arquivo
3
elementos do grupo , juntamente com as mesmas configurações de estilo . . Por exemplo, se os seus elementos h1 e seus elementos h2 têm as mesmas definições de estilo, você pode combiná-los assim ", H1, H2 { várias configurações de estilo ; } " para que você não tem que escrever todas as configurações de estilo duas vezes < . br>
4
Use os códigos de cor hex encurtadas , em vez dos códigos de cores hexadecimais. Por exemplo, tanto o código de cor hexadecimal # FFFFFF eo código # FFF denotar branco.
5
Elimine qualquer quebra de linha desnecessários do arquivo CSS. É uma prática comum para listar várias propriedades linha de um elemento por linha, mas isso é desnecessário. Se o tamanho do arquivo é uma preocupação , as várias propriedades do elemento podem ser listados em uma longa linha, separados apenas o ponto e vírgula que o habitual. Isto pode tornar o arquivo CSS mais difícil para os seres humanos de ler, mas navegadores da Web não têm nenhum problema com este estilo mais truncado .
6
Eliminar caracteres supérfluos de seus comentários. Muitos programadores usam caracteres extras em torno de um comentário a fazer um comentário se destacam mais por isso é mais fácil de encontrar. Isso é desnecessário , porém, e os caracteres extras apenas tornar o arquivo CSS maior do que ele precisa ser .