Identação e boas práticas

Postado em 13/05/2008 na(s) categoria(s) Padrões Web

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 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.

4 comentários para "Identação e boas práticas":

  1. 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!

    Danilo, cada TAB, quebra de linha ou espaço utilizado consumirá 1 byte. Visualmente um TAB corresponde a uma média de 4 espaços, ou seja, 1 byte de TAB para 4 bytes de espaços. A princípio esses 3 bytes restantes não parecem fazer diferença, mas acredite, fazem!

    Abraços,
    Leonardo Caineli

  2. 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.

  3. 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!

  4. 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!

Deixe um comentário:






«

»