El articulo eran interesante y ademas con unos pasos bastante secillitos paso el codigo de una pagina de slashdot a xhtml 1.0 y css, asi que intente hacer lo mismo, pero con una web de libertonia.
Debido a la referencia que usé, la primera hoja de estilo que tenia era la mismas que la de slashdot. El resultado lo podemos ver en libertonia-slh.
Tras ese primer paso, habia que convertir la hoja de estilos a los colores normales de libertonia, cosa que podemos ver en libertonia-css.
De todos modos, la conversion no es 100% igual, faltarian algunos retoques, pero como ejemplo creo que es valida.
El index.html viejo, ocupa 36Kb, y el index.html nuevo, 26Kb. Si a esto le sumanos el peso de la hoja de estilo tenemos 26+4.0+3.9=33.9Kb (hay dos hojas de estilo, una para el posicionamiento y otra para los colorines). Hay que tener en cuenta que las hojas de estilo se suelen cachear en el cliente, asi que no se descargarian siempre.
Si suponemos que se usa mod_gzip, tenemos 7.2Kb el index viejo y 6.5Kb el index nuevo (comprimiendo con gzip [archivo]).
Asi que, a parte de tener la ventaja del tamaño, el no tener tablas permite que el navegador pinte la pagina mas rapidamente (en principio, a los navegadores les cuesta bastante pintar tablas anidadas y cosas de esas). Tambien tenemos la posibilidad de tener unos colores aptos para personas con dificultades de vision mediante el uso de CSS de alto contraste.
Supongo que habra mas ventajas, pero las dejaremos para la gente que sabe de esto mas que yo.
