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.