Este podría ser el post final (o principio) de la sugerencia de optimización de La Voz Online.
A continuación van a poder ver los resultados obtenidos en la realización del prototipo del sitio de La Voz basado en estandares webs.
| Versión Actual | Versión Estándar | |
| Tablas | 57 | 0 |
| Imágenes (Etiqueta IMG) |
76 | 14 |
| Tamaño del CSS | 4 kb | 4 kb |
| Peso total | 394 kb | 257 kb |
| Reducción de tamaño | - | 25% |
| Consumo de tráfico diario | 19.700.000 kb (19,7 Gb) |
12.850.000 kb (12,85 Gb) |
| Tamaño HTML | 80 kb | 20 kb |
| Líneas de Código | 1826 | 266 |
| Reducción de tamaño | - | 75% |
| Consumo de tráfico diario | 4.000.000 kb (4 Gb) |
1.000.000 kb (1 Gb) |
El calculo de consumo de tráfico diario esta basado en las 50.000 visitas diarias que recibe la página principal. No pude obtener datos sobre el resto del tráfico en el sitio, pero con esta cifra es suficiente como para notar los beneficios del desarrollo basado en estándares.
Como datos extras podemos mencionar:
El archivo CSS mantuvo el mismo tamaño que en la versión actual de 4Kb, con la diferencia de que el nuevo archivo para la versión estándar tiene el contenido de toda la estructura del sitio. (NT: Hay que tener en cuenta que el archivo CSS se guarda en el cache del navegador, por lo tanto se descarga solo una vez).
Los menús dentro de tablas, tanto el superior como el izquierdo, fueron reemplazados por listas, para eliminar etiquetas de código innecesarias. El sitio actual usa una tabla de 1 columna y 57 filas para hacer el menu izquierdo.
La diferencia de etiquetas <img> entre la versión actual y la versión estándar es por la cantidad de imágenes para hacer líneas que usa la versión actual. Para la nueva versión se uso la propiedad “border” de CSS, para dibujar las líneas.
A nivel personal esta experiencia me fue muy útil, aprendí muchas cosas en el proceso, ya que nunca había desarrollado algo pensando en la escalabilidad, proyectándome en la evolución posible del proyecto… y si a alguien mas le sirvió un poquito, mucho más que contento.
Cumplí con mi parte de hacer una crítica constructiva y presentárselas a los responsables, a quienes agradezco enormemente el tiempo y predisposición.
Sinceramente me gustaría verlo implementado algún día… pero, la pelota esta en el campo del frente ahora.
Federico dijo, December 13, 2005, 0:13
Si Microsoft mejoró (un poco) su página principal, bien pueden ellos hacer otro milagro. Claro que (perdón por el pesimismo) quizás se lanzan a hacer su propia versión CSS como hizo Clarin, y terminan con algo a mitad de camino. :(
FrancoG dijo, December 13, 2005, 0:14
Fede… si mi propuesta es motor de un cambio, estoy mas que satisfecho.
Federico dijo, December 13, 2005, 0:17
Si esto fuera la novela de la tarde, lo anterior se traduciría a “No me importa si no me tiene en cuenta, yo sólo quiero que sea feliz”. :D
AnGeL dijo, December 13, 2005, 0:30
Hola, felicitaciones por el trabajo. Habria una version online para poder chequearlo?.
Salu2
FrancoG dijo, December 13, 2005, 0:33
Por acá pueden ver una demo del prototipo:
http://fgimenez.com/dm/lavoz/index2.html
Gracias AnGeL, se me habia pasado ese detallito…
AnGeL dijo, December 13, 2005, 1:00
Quedo muy bien!!…felicitaciones again.
Salu2
Gancé dijo, December 13, 2005, 3:23
muy bueno franco, estube viendo el css para seguir aprendiendo y la verdad que si se puede mejorar con tan pocas lineas de codigo, es muy tentador hacer el cambio. Ojala se te de (y)
Patricio dijo, December 13, 2005, 8:34
bien che !! … la próxima es Clarín Versión 2008 ?
FrancoG dijo, December 13, 2005, 10:35
Gancé, me alegro que te haya servido.. esa era un poco la idea también.
Patricio: no sera mucho? :P
Lucas dijo, December 14, 2005, 10:22
Franco, realmente un laburo con todas las letras. Ojalá lo pongan en práctica ya que se beneficiarían todos. Y los proyectos que benefician a todos son los que realmente valen la pena ponerlos en práctica.
FrancoG dijo, December 14, 2005, 10:32
Gracias Lucas!
La ilusión está! El tiempo dira que pasa.