Css gigante ou varios css

Question

Pessoal,

O que e'melhor em termos de performance ?

Um Css com os estilos de todo um website ou varios css menores ?

Abracos

Answer 1

Pessoal,

O que e'melhor em termos de performance ?

Um Css com os estilos de todo um website ou varios css menores ?

Abracos

Vários CSS's, por questão de organização e para facilitar a manutenção do código.

Você não escreve um programa de computador em um só arquivo de código, você divide em arquivos, pastas, projetos, tudo para facilitar a manutenção, o entendimento, e etc...

---

Herbert Lausmann

Answer 2

Concordo com o amigo, dividir um css grande em vários é bem mais fácil para manter.

---

Atenciosamente, Marcio Nogueira Cardoso Pinto.

Answer 3

Ao termo de organizacao sim, mas e de performance ?

Seria mais um request ao servidor.

Answer 4

Ao termo de organizacao sim, mas e de performance ?

Seria mais um request ao servidor.

Isso é verdade, quanto mais arquivos, mas Requests e Responses. Mas não acho q seja algo impactante no geral...

---

Herbert Lausmann

Answer 5

Isso não significa perda de desempenho, pois o tamanho de um arquivo css é pequeno. O que poderia impactar de fato seria o processamento e o armazenamento dos arquivos, mas não vejo como com hds de grande capacidade disponíveis atualmente no mercado.

---

Atenciosamente, Marcio Nogueira Cardoso Pinto.

Answer 6

Quando estiver planejando o layout de uma aplicação web, pense em CSS como sendo um recurso para garantir a identidade visual das páginas de sua aplicação web.

---

Atenciosamente, Marcio Nogueira Cardoso Pinto.

Answer 7

Visando performance, o melhor é centralizar em menos arquivos minificados e usando uma CDN (content delivery network). Lembre-se, quanto menos requests http, melhor. E se estiverem em domínios diferentes (como é o caso de uma CDN), mais requests podem ser feitos paralelamente.

Quanto à manutenabilidade, ter vários arquivos é melhor, mas pra isso existem ferramentas de bundling que juntam seus arquivos CSS num só para publicação em produção.

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como Útil". Se por um acaso respondeu sua dúvida, lembre de "Marcar como Resposta".