Cuando un sitio demora demasiado en mostrar la información
que contiene, nos sentimos frustrados, nos vamos del sitio, y seguramente no
volvamos.
Comparemos una conversación telefónica con la descarga de
las páginas de un sitio. Si el tiempo de respuesta
para resolver la dirección Web es el número de rings, el tiempo de descarga de
la página es la conversación que se realiza. Cuando una página se descarga muy
lentamente, descargando un elemento a la vez es como si en una llamada, el
receptor tuviera que poner en espera al que lo llama para cada respuesta que le
va a dar.
La página que tiene que ser más liviana dentro del sitio
es la página inicial, ya que en general es la más accedida. Si uno tiene las
estadísticas del servidor de su sitio y sabe cuáles son las páginas más
accedidas, entonces tiene una lista de las páginas que deben de ser
prioritariamente las más livianas.
La reacción del usuario se vincula al tiempo de descarga
de la siguiente manera:
| Tiempo |
Reacción
del usuario |
| Menos
de 1 segundo |
Le
resulta instantánea la descarga
de la página |
| Menos
de 5 segundos |
La
descarga
es inmediata, es lo que espera encontrar
|
| Hasta
10 segundos |
Tiempo
límite aceptable |
| Mas
de 10 segundos |
Cancela
la descarga,
va a otro sitio |
Conociendo esto, lo que se trata de hacer es que las
páginas del sitio demoren menos de 10 segundos en descargar la mayor cantidad de
información como para que los usuarios accedan a suficiente contenido y a los
links necesarios para empezar a navegar cómodamente el sitio.
Para alivianar las páginas, hay que empezar por medir
cuanto pesan.
Para ello se pueden utilizar las siguientes herramientas
que permiten saber qué componentes de cada página pesan más que otros y demoran
más en descargarse:
http://www.webperf.org/breakdown.html
http://www.websiteoptimization.com/services/analyze/
Para alivianar las páginas
recomiendo:
1- Eliminar las imágenes que pueden ser sustituidas por
texto (ej: opciones en los menús)
2- Alivianar imágenes. Hay varias herramientas que ayudan
en este proceso:
http://www.netmechanic.com/GIFBot/optimize-graphic.htm
http://www.creatingonline.com/crunchers.htm
http://www.gifworks.com/
3- Especificar el tamaño de todas las imágenes y tablas
4- Divididir las páginas que tienen mucho contenido en
varias páginas.
5- ¡¡Usar temas siempre!! (O cascading stylesheets (CSS))
Esta comprobado que usar esta tecnología genera menos
código en las páginas y por ende mayor velocidad de descarga. Además, optimiza
la lectura que hacen los navegadores del código generado.
6- Corroborar la velocidad de la página para ver si se
logró el objetivo.
Referencias:
CSS: http://hotwired.lycos.com/webmonkey/reference/stylesheet_guide/