Identação e boas práticas

Terça-feira, 13 de Maio de 2008

Um 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 HTML pese 30KB, haverá um consumo mensal de 4,5GB. Otimizando esse HTML 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, a, li, strong e afins.