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.