Tableless x Table

[rcdesign 1]

Estou começando agora no mundo das tableless.. sempre desenvolvi com tables e para o novo site que estou construindo para um cliente já estou começando a fazer com CSS.como exercício comparativo construí a página inicial deste novo site com tabelas de forma normal e fiz a mesma página com CSS, até aí tudo bem... Tenho lido em vários sites que uma das maiores vantagens de construir o site em CSS, entre outras, seria a diminuição do tamanho das páginas.. bem, é justamente aí é que está minha questão...Essa página inicial contém 5 linhas sendo uma delas com duas colunas (Topo / Menu / Conteúdo - coluna esq e coluna direita / Rodapé 1 / Rodapé 2).. ela é bastante simples é verdade com bem pouco conteúdo ainda mas o tamanho da página - tanto em CSS quanto com tabelas - ficou exatamente igual... 11 k para cada uma...... :blink:

[_ nEoN _ 0]

antes deixa eu explicar uma coisa...

 

cada caracter de texto dentro de um arquivo simples como o .htm é 1 byte.... (espaços tbm conta)

 

ou seja, para se fazer uma tabela com uma celula se usa...

 

<table><tr><td></td></tr></table>

33 bytes com tabelas

 

<div></div>

11 bytes com DIV

 

entenda o seguinte, nesse estagio onde seu site não tem tanto conteudo fica inviavel contar, mais imagine um portal com milhoes de page views, o cara consome uma banda do servidor absurda, um exemplo recente disso é o site da MSN, agora ele tá em tableless e o código esta completamente compactado, o tamanho dele reduziu um bocado.

 

Isso significa menos banda do servidor, que por sua vez significa, lucros. Não podemos generalizar, pois tem mta gente ae que não sabe bem ainda como funciona o desenvolvimento com WebStandards e tem a proeza de deixar o arquivo com o mesmo tamanho de tabelas, porem com um pouco de estudo voce percebe claramente a diferença...

 

Continue o desenvolvimento do site com as antigas tags <font> <strong> bla bla bla e você vai ver se com CSS não diminui....

 

Abraço, espero ter ajudado

 

neon

[rcdesign 1]

Sim nEoN, eu entendo isso... por sinal suas explicações sempre são bem claras e bastante úteis.. de qualquer forma achei bastante curioso os tamanhos serem iguais apesar dos códigos serem bastante diferentesvou continuar com o resto do site em CSS é claro e se der tempo faço uma versão final com tabelas também só pra comparar o resultado final.

[Douglas 6]

antes deixa eu explicar uma coisa...

 

...

<table><tr><td></td></tr></table>

33 bytes com tabelas

 

<div></div>

11 bytes com DIV

 

...

[_ nEoN _ 0]

garanto que vai ficar maior. ! hhehehe