No lado do CSS já faço a compilação e minificação do arquivo CSS.
As dúvidas começaram a surgir quando notei que alguns sites trabalham com um tipo de compile inclusive nos arquivos HTML`. Em outros casos, como por exemplo o Facebook, existem diversas classes com o nome bem diferenciado, parecendo que foi codificado, como na foto abaixo:
Isso é mesmo algum tipo de codificação das classes/nomes? Me pareceu estranho, já que tanto o arquivo css
como o html
são de fácil acesso ao cliente.
Mas em contra partida, vejo alguns pontos positivos em usar isso. Pode dar uma dificuldade um pouco maior em entender o contexto/propósito daquela classe, já que ela não teria um nome tão intuitivo como nav.menu_mobile
. Ou então, deixar o source do projeto com maior liberdade no uso de nome das classes sem deixar um HTML extenso e exagerado. Por exemplo, poderia criar classes com nomes cadastro_cliente
, cadastro_cliente_dependente
, e na compilação ficaria apenas um código simples de 4-5 letras, como no exemplo.
Seria isso então realmente uma forma de compilação ou apenas uma convenção interna partindo já do desenvolvimento?
Outra dúvida seria na parte de compilação do arquivo HTML. Este já sei que é possível, mas não sei até onde é recomendável essa prática, visto que em alguns casos a hierarquia do HTML altera o comportamento estrutural (dependendo da estrutura CSS). Por exemplo:
<ul>
<li></li>
<li></li>
<li></li>
</ul>
Tem um comportamento diferente deste código:
<ul><li></li><li></li><li></li></ul>
Sou novo em manutenção de projetos grandes. Agora estou trabalhando em um que está sendo realmente desafiador e grandioso então gostaria de saber até onde posso/devo ir com essas questões. Sei que no quesito performance isso pode não ter um impacto tão significativo a ponto ser vantajoso passar tanto tempo focado nesse aspecto.
Mas se for algo que valha a pena, por uma questão de otimização, organização e melhorias, creio valer a pena.