Identação e boas práticas
Postado em 13/05/2008 na(s) categoria(s) Padrões WebUm código bem escrito faz toda diferença, principalmente para sites que recebem muitos acessos. Supondo que um site receba uma média 5.000 acessos diários e seu XHTML pese 30KB, haverá um consumo mensal de 4,5GB. Otimizando esse XHTML para 20KB, obtemos uma economia mensal de 1,5GB.
Aplicando boas práticas de codificação você estará organizando o código para futuras manutenções e fazendo com que a página carregue mais rapidamente, além de economizar R$ por conta da diminuição do consumo de banda.
Exemplo utilizando espaços (184 bytes):
<div>
<h1>Lorem Ipsum</h1>
<ul>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
<li>Lorem Ipsum</li>
</ul>
</div>
Exemplo utilizando TAB’s (171 bytes):
<div> <h1>Lorem Ipsum</h1> <ul> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> <li>Lorem Ipsum</li> </ul> </div>
O TAB é o melhor método de identação, resultando um arquivo leve e bem organizado estruturalmente e visualmente. Cada TAB e quebra de linha consumirá 1 byte, portanto evite o uso da quebra de linha desnecessariamente para elementos como h1, li, a, strong e afins.
Comentado em 14/05/2008 por Danilo Trindade:
Ae, massa a dica hein? Agora, me explica melhor por que com mais espaçamentos, digamos assim, ficou mais leve?
Abraços e parabéns!
Comentado em 14/05/2008 por Leonardo DNA:
Faltou comentar o fato de que usando TAB’s, cada programador pode ajustar sua IDE para que cada TAB seja proporcional a X espaços, de forma que cada um trabalhe da forma que achar melhor.
Comentado em 28/05/2008 por Caroline Sanchez:
Parabéns pelos textos meu jornalista. Tirando um detalhezinho ou outro, no geral estão muito bons.
Beijos, te amo!
Comentado em 21/09/2008 por Rafael:
Gostei, não sabia disso e já vou começar usar. Obrigado por compartilhar seus conhecimentos.
Parabéns!