Reduce el peso de tu site.
César Martín
Resumen.
1. Paginas más ligeras incrementan el numero de paginas vistas.
2. Elimina las imágenes. Elimina los banners de autopromocion (no dan beneficios).
3. Aprovecha todo lo que el sistema operativo te ofrece (botones, colores, tablas, tipografias).
4. Sé flexible con las limitaciones del html.
Reduce el peso de tu site.
Reducir el peso de un site en un 20% equivale a incrementar en un 20% el numero
de paginas vistas. El peso de las páginas es un lastre que hace que el numero de
paginas vistas se reduzca por sesion de usuario.
|
Peso de las paginas |
Total peso / velocidad de conexion |
En una sesion de 30segs |
Site A |
30kbs de html + 20kbs de imagenes |
50kbs / 5kbs/seg |
bajan 3 paginas. |
Site B |
15kbs de html + 10kbs de imagenes |
25kbs / 5kbs/seg |
bajan 6 paginas. |
Tomando como constantes el tiempo de conexión y la velocidad de descarga, la
variable donde un site puede tomar ventaja para servir mas paginas es reduciendo
el peso. Reduciendo el peso podemos hacer que el usuario se baje más
información en el mismo tiempo de conexión.
El reducir el peso de las paginas no tiene por que requerir cambios dramáticos.
Conseguir una reducción del 10-20% del peso global del site puede suponer un
gran adelanto respecto a la competencia.
En un site donde las páginas bajan con rapidez no da pereza pinchar
en los botones.
No solo se trata de cuidar a los usuarios con módem. Si las páginas pesan poco y
la respuesta de la web a las peticiones del usuario es rápida y ágil, no da
pereza seguir pinchando para comprobar datos y recoger más información. Si el
site pesa y cada petición exige un tiempo de carga, el usuario se desanima y
parara de pedir información con lo que no finalizara su labor de forma
satisfactoria.
En internet que un sistema responda de forma rápida es vital para trasmitir
valores de calidad, confianza y seguridad.
Es mejor crear 3 paginas de 10kbs que 1 de 30kbs.
En internet cuenta mas el acceder a información precisa que a mucha información.
Ofrecer paginas ligeras donde el usuario pueda tomar decisiones rápidas sobre
avanzar o retroceder es vital. El camino hacia la información final (donde si
podremos crear paginas más completas) debe estar compuesto de páginas simples
que ofrezcan rutas claras. El ofrecer todas las rutas no ayuda a tomar una
decisión. Es mejor ofrecer una pagina sencilla y que sea el usuario el que tome
la decisión de seguir o retroceder, pero no le intentes enganchar ofreciendo
muchas opciones (solo le aturdirás).
La regla básica para crear páginas de 10kbs es evitar ponerlo todo en cada
pagina. Muchos sites "arrastran" los menús de navegación de todo el site en
todas las paginas cuando por lo general indicar la posición del usuario en el
site junto a un boton de "home" y un buscador resuelven todas las dudas.
Elimina el grafismo. Esto incluye los banners de autopromoción.
El único gráfico necesario es el logo de tu site. Si es relevante, incluye
fotografías del producto, noticias o ilustraciones de la actividad.
No pongas banners de autopromoción. Si tu site incluye banners, procura ponerlos
solo cuando tengas un patrocinador real. Si no lo tienes evita poner banners
internos. Están incrementando el peso de la pagina, su utilidad es mas o menos
nula y están creando ceguera en el usuario.
El problema de los gráficos es doble. El peso suele ser alto y generan una
conexión con el servidor que suele retrasar el envío del resto de información.
Procura usar los gráficos esenciales. Cuanto menos pese tu pagina mas satisfecho
estará tu usuario.
Aprovecha lo que el sistema te da.
Botones, tablas, paleta de colores, tipografías, menús desplegables. El sistema
operativo te ofrece una gran cantidad de herramientas que sabiendo combinar te
pueden ayudar a sustituir gran parte del grafismo de tu site.
Las tipografías que ofrece el sistema son limitadas pero más que suficientes
para crear titulares, botones, etc. No uses imágenes para crear "solo títulos".
Las tablas y los colores del sistema suelen ser mas que suficientes para crear
todo tipo de botoneras, lay-outs. La austeridad de este estilo se puede
enriquecer con gráficos bien seleccionados y fotos.
Procura utilizar todo lo que el html crea por defecto como las listas y bullets.
El querer cambiar el sistema solo genera paginas mas lentas, nadie va a apreciar
la mejora si al final el site va mas lento. Concentra las fuerzas en ofrecer
contenido de calidad y en crear herramientas que funcionen más rápido.
Se flexible con las limitaciones del html.
El principal motivo por el que las paginas bajan despacio es por que los
diseñadores (gráficos y programadores) de las paginas, pretenden imponer su
"estilo de diseño" a un soporte que tiene ciertas características.
La precisión del html es algo ruda en cuanto al manejo de tipografía, párrafos,
márgenes y justificaciones, pero es mejor saber moverse con agilidad dentro de
estos limites que imponer a base de código y gráficos unos límites que no
mejoran el funcionamiento del site.
Sé flexible con la herramienta y todo funcionara de forma más rápida.