Recomendaciones para reducir el consumo de caudal

Contenido

  • ¿Qué es el caudal?
  • Consejos básicos de aprovechamiento de caudal
    1. Facilitar la navegación (acceso rápido a la información)
    2. Páginas cortas, especialmente la principal
    3. Imagenes razonables
    4. Formatos graficos
    5. Los atributos height y width
  • Trucos avanzados
    1. CSS y eliminación de los tags de presentación
    2. Comprimir las páginas. Extensió .gz

¿Qué es el caudal?
El caudal de tráfico web se refiere a la cantidad de datos (bytes) que pasan por la red. Lo podriamos comparar con el caudal de agua de un rio que pasa por un cauce de determinadas dimensiones. En este caso las dimensiones del cauce serian los 5GB/mes, es decir, si un usuario o una usuaria generase un tráfico web mayor, se saldría del cauce mínimo de socio o socia y debería pagar una ampliación de este cauce durante el tiempo que dure esta situación.
La capacidad caudal de una conexión se denomina tecnicamente ancho de banda de la conexión, y tan pronto hablaremos de consum de caudal como de consumo de ancho de banda. Otro termino que se usa a veces es el de tráfico web. Para el tema que estamos tratando, estos tres terminos son equivalentes.
¿Qué ocupa (o consume) el caudal web?
La tarifa de caudal solo se aplica al tráfico web, no al caudal de correo que seguirá siendo ilimitado para todos los usuarios y todas las usuarias.
Cada socio puede consultar su consumo de caudal en su contador estadístico Weablizer (requiere activación previa).

Consejos básicos de aprovechamiento de caudal
A continuación explicaremos tres maneras sencillas para reducir un poco la cantidad de ancho de banda que consume vuestro espacio web. Vale la pena destacar que todos estos consejos estan relacionados directamente con mejorar la facilidad de acceso de vuestro espacio web, y es que en el fondo estos dos temas están estrechamente relacionados. Por tanto, hacer un pequeño esfuerzo para reducir vuestro consumo de caudal os ayudará también a mejorar en general vuestro sitio web.

-> Facilitar la navegación (acceso rápido a la información)
La estructura de vuestro sitio web es importante de cara a facilitar el acceso fácil y rápido a la información que ofrecéis.
Pero además, si ofrecéis una estructura que permita a las personas que visitan vuestra web encontrar rapidamente la información, reduciréis el consumo de ancho de banda, ya que se ahorrará de transferir datos que en realidad el visitante no está necesitando.
Para conseguir esta facilidad de navegación, tenéis que estructurar y clasificar correctamente la información, y después ofrecer en todas las páginas un espacio que permite al visitante conocer donde está ubicado y enlaces para acceder al resto de la información. Los menús de navegación deberían ser fáciles de reconocer y de entender. También ayuda mucho tener una página indice con enlaces directos a todas las secciones importantes de la web. Y si el volumen de información es muy grande, os aconsejamos incorporar un motor de busqueda.

-> Páginas cortas, especialmente la principal
Muy relacionado con la facilidad de navegación está el tema del tamaño de cada una de las páginas que componen vuestro sitio web. Debéis tener presente el medio en el que estáis publicando: leer información en un navegador en una pantalla de ordenador no es lo mismo que consultarla en una publicación escrita como por ejemplo un libro, y el usuario/a se cansa muy pronto de leer. Hay que evitar las páginas demasiado largas y/o cargadas.
Cuando tengamos una página que contiene mucha información, es mejor separarla en secciones y ofrecer diversas páginas enlazadas entre ellas. Alternativamente, si se trata del texto de un documento, podemos ofrecer una descarga del documento en un formato más apropiado (PDF) y un pequeño resumen del contenido. Un ejemplo de página demasiado larga es esta que estáis leyendo. En este caso, nosotros hemos optado por poner unos indices internoss para mejorar la navegación, pero como véis, esto no es suficiente para reducir el ancho de banda: aunque no os la leáis toda, os habéis descargado todo el contenido igualmente.
Evitar cargar demasido las páginas también significa que es mejor no mezclar mucha información no relacionada en una misma página. Esto puede ser necesario en la página inicial, por ejemplo para mostrar puntos destacados de diferentes secciones, o novedades. Pero en estos casos hemos de dejar los detalles para la sección correspondiente, limitandonos a poner un enlace. En el resto de páginas no tiene mucho sentido mantener información que ya está presente en otras partes de la web. Así nos evitaremos la transmisión de información redundante, con el consiguiente ahorro de caudal.
Este criterio de páginas pequeñas es especialmente importante tenerlo en cuenta a la hora de diseñar la página principal. Pensad que hacer una página inicial pequeña tendrá un impacto importante sobre el consumo de ancho de banda, ya que normalmente se trata de la página con más visitas de todas.

-> Imágenes razonables
Una de las cosas que más ancho de banda consume en una web son las imágenes: logotipos, iconos, botones, fotografias, fondos, decoraciones, etc. Haciendo un uso razonable de las imágenes conseguiréis controlar mucho el consumo de caudal de la web.
Un primer consejo general: evitad recorrer a imágenes cuando podéis usar texto. Una práctica muy extendida es poner botones gráficos de navegación en lugar de enlaces normales. Por un lado, esto afecta a la accesibilidad de las páginas por parte de gente con limitaciones visuales; y por otro lado, incrementa considerablemente el consumo de caudal. Además, ¡ no siempre queda más bonito ! ¡ De verdad !

-> Formatos gráficos
Hay una gran cantidad de formatos para guardar imágenes y gráficos en archivos. En la web, los más utilizados son el PNG, el GIF, y el JPEG.
Tanto para garantizar la calidad de las imágenes como para hacer un uso apropiado del ancho de banda, es importante escoger el formato apropiado según el tipo de imágen.
El formato JPEG (archivos .jpg) está pensado principalmente para fotografias, o en general cualquier gráfico que tenga gran variación de colores entre pixels consecutivos. En este tipo de imágenes, este formato consigue comprimir bastante la información gráfica a costa de una cierta pérdida de detalle, configurable a la hora de crear el archivo. Utilizad el format JPEG a la hora de poner fotografias o gráficos grandes o con muchos colores diferentes y mezclados.
Los formatos PNG y GIF utilizan un esquema diferente para almacenar las imágenes, y estan optimizados para imágenes que tienen poca variación de colores, o regiones relativamente grandes del mismo color. Un caso típico son los logos o los iconos. No utilizéis nunca este formato para poner fotografias en la web.

-> Los atributos height y width
En HTML, los atributos height y width del tag img (imágen) sirven para especificar la altura y la anchura de la imágen respectivamente. Pero hay que evitar utilizar estos dos atributos con la finalidad de ajustar el tamaño de una imágen demasido grande a la presentación de nuestra página. Pensad que si dejáis una imágen grande en la página, aunque reduzcáis su tamaño con estos atributos en realidad estáis descargando la imágen entera (grande), y será el navegador quien finalmente la presentará más pequeña. Esta práctica nos hace malgastar caudal y hace las páginas más lentas de cargar.
Para evitar esto, si queréis reducir el tamaño de una imágen, hacedlo con un editor de imágenes antes de ponerla en el servidor.

Trucos avanzados
-> CSS y eliminación de los tags de presentación
Las hojas de estilo (CSS) son una buena cosa. Sus ventajas principales son que hacen los diseños webs mucho más fáciles de mantener y también mucho más accesibles, y es por esto que normalmente se recomienda su uso. Pero por si esto fuera poco, un efecto secundario que tienen es que reducen el consumo de caudal, ya que las páginas web suelen ser mucho más ligeras de peso.
-> Comprimir las páginas. Extensión .gz