CSS deveria ser separado em vários arquivos?
Essa é uma daquelas questões que não possui uma resposta fixa e que é bem debatida na comunidade de desenvolvedores. Vamos analisar os dois lados da moeda nesta.
Por que dividir?
Um lado acredita que é interessante dividir arquivos CSS. Assim, fica mais fácil depois de encontrar e editar determinadas partes de um site, ainda mais quando há mais de uma pessoa envolvida na manutenção do mesmo. A divisão é feita de acordo com o gosto do desenvolvedor: um arquivo os comandos de reset, em outro fica o layout, no terceiro a tipografia, e por aí vai.
Outro ponto a favor é poder manter folhas exclusivas de alguma seção inutilizadas quando não necessárias. No WordPress, por exemplo, o estilo dos comentários não precisa ser utilizado até que seja aberto uma página de post (os comentários em blogs não aparecem na página inicial).
No entanto, o lado negativo é o número de server requests (pedidos de servidor) que aumenta com mais arquivos. Isto pode representar um problema em sites com altíssimo número de acessos, fazendo com que o servidor tenha que efetuar múltiplos processos de uma só vez. Claro que isto representa um problema para sites gigantes, com mais de 100 mil acessos únicos por dia. Blogs como este, que tem em torno de 3.000 visitas únicas diárias não sofrem muito com este problema.
Por que não dividir?
Nem sempre dividir o CSS facilita encontrar algo específico. Quando a necessidade de um “find and replace” (procurar por algum valor determinado e substituir por outro toda vez que aparece no arquivo), um arquivo só pode diminuir o tempo da tarefa.
Sem contar que, quando há necessidade de comprimir um arquivo CSS para diminuir o tamanho dele e aumentar a velocidade de download, um arquivo só é mais recomendado – já que múltiplos arquivos significariam múltiplos server requests e por consequência, aumento do consumo de transferência.
Então, qual usar? Separado ou junto?
Vai de cada caso. O site tem uma média de acessos alta? O CSS terá de ser compresso? Todo o código é usado o tempo todo? (ex: não tem páginas diferenciadas, em termos de layout, no restante do site). Neste caso, sugiro usar uma folha de CSS apenas.
Já se existem muitas páginas internas com diferenciação de layout (como aqui no Design Blog, cujo layout muda de cor dependente da categoria de cada artigo), ou haverá múltiplas pessoas tendo que fazer a manutenção do código CSS, o ideal é dividir o CSS metodicamente.
E você, leitor, qual prefere? CSS dividido ou em um arquivo só?
Quem leu isto também leu:
Criador e editor-chefe do Design Blog, atualmente é web designer freelancer. Nerd desde pequeno, ama tudo relacionado a internet, é apaixonado por design e está na área há 11 anos.
Acesse seu site Siga no Twitter