¿Qué mejor ejemplo para demostrar el poder de los estándares web en la vida real que rediseñar un sitio con más 13 millones de pageviews por día?
El sitio de tremenda cantidad de tráfico diario es nada menos que Taringa.net. Luego de leer éste artículo sobre su funcionamiento, me tomé dos días para realizar un ensayo sobre un posible rediseño del sitio, pero esta vez usando estándares web y buenas prácticas de diseño.
La idea fue, con números fríos, convencer que el diseño usando prácticas simples y conocidas de HTML y CSS es una opción más que válida a los temas de escalabilidad.
Los resultados son los suficientes como para hacer girar un par de cabezas: un rediseño de Taringa con estándares web puede reducir en un 50% o más los costos en ancho de banda y servidores.
Pero además hay más ventajas, entre otras:
- SEO e indexabilidad. Las técnicas para desarrollar con estándares fomentan producir código limpio y semántico. Ya que la mayoría de los buscadores trabajan indexando el contenido de una página, éstos tienden a priorizar a aquellos sitios con menor cantidad de código basura.
- Mayor velocidad de carga. En el ejemplo, la página principal del sitio se redujo en un 50%, es decir, de 50KB a 26KB aproximadamente. Imaginen el efecto de tal reducción de peso en usuarios con conexiones lentas.
- Accesibilidad. A nivel dispositivo, los estándares aseguran que el contenido del sitio estará disponible para cualquier dispositivo con conexión a Internet. A nivel personas, implica tener en cuenta que también puede estar siendo accedido por personas con discapacidades, ya sean físicas (discapacidad visual, motriz) o de entorno (sin mouse, con pantallas demasiado chicas).
Taringa es un buen ejemplo porque está en esa fase de los sitios masivos en donde tirar hardware no soluciona el problema, pero sí lo aumenta a largo plazo.
La frase de un gran amigo puede cerrar esta idea: "Optimizar es una inversión inicial con cero costo en el tiempo, mientras que la decisión de no optimizar tiene un costo que se acumula con el tiempo".
Para más información técnica, y ver el ejemplo propuesto, pueden seguir éste enlace.
Autor: Rodrigo Galindez diseñador web, autor y ahora también profesor universitario.