Skip to main content
removeu 119 caracteres do conteúdo; título editado
Fonte Link
Maniero
  • 484,4mil
  • 94
  • 1,3mil
  • 2,2mil

Compilação/Minificação de arquivos htmlHTML, cssCSS e nome de classes

Andei pesquisando sobre os compiles e algumas dúvidas me surgiram. No lado do cssCSS já faço a compilação e minificação do arquivo cssCSS.

As dúvidas começaram a surgir quando notei que alguns sites trabalham com um tipo de compilecompile inclusive nos arquivos htmlHTML`. Em outros casos, como por exemplo o facebookFacebook, existem diversas classes com o nome bem diferenciado, parecendo que foi codificado, como na foto abaixo:

inserir a descrição da imagem aquiSS

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'contexto/propósito daquela classe, já que ela não teria um nome tão intuitivo como 'nav.menu_mobile'nav.menu_mobile. Ou então, deixar o sourcesource do projeto com maior liberdade no uso de nome das classes sem deixar um htmlHTML extenso e exagerado. Por exemplo, poderia criar classes com nomes 'cadastro_cliente'cadastro_cliente, 'cadastro_cliente_dependente'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'compilação ou apenas uma convenção interna partindo já do desenvolvimento?

Outra dúvida seria na parte de compilação do arquivo HTMLHTML. 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 htmlHTML altera o comportamento estrutural (dependendo da estrutura cssCSS). 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.

Compilação/Minificação de arquivos html, css e nome de classes

Andei pesquisando sobre os compiles e algumas dúvidas me surgiram. 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:

inserir a descrição da imagem aqui

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.

Compilação/Minificação de arquivos HTML, CSS e nome de classes

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:

SS

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.

Fonte Link
celsomtrindade
  • 8,2mil
  • 3
  • 37
  • 70

Compilação/Minificação de arquivos html, css e nome de classes

Andei pesquisando sobre os compiles e algumas dúvidas me surgiram. 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:

inserir a descrição da imagem aqui

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.