Acceder · Crear usuario
Anunciarse
Canal Personal   GONZO · Mia

¿Cual es el archivo que más peticiones y tráfico consume?

El Webalizer no deja lugar a duda: el favicon.

El mejor punto a favor que tienen las estadísticas basadas en los logs de acceso, como el Webalizer o awstats, a parte de su precisión es que son capaces de aportar información sobre el consumo de transferencia de la web y sus archivos.

Entre mis labores cotidianas está el reducir al mínimo este consumo, ya que rebajando el consumo de trafico consigo 3 cosas de un plumazo:

  1. Ahorro de consumo de transferencia, reduce costes de servidor.
  2. Las páginas cargan notablemente más rápido para los lectores.
  3. Al cargar más rápido dota al servidor de mayor capacidad para responder peticiones, resistiendo más usuarios online.
Claro está que los tres puntos son importantisimos y creo que por eso una de mis obsesiones con mi trabajo es reducir al mínimo el peso de mis páginas.

Quiero comentar un caso específico, un ejemplo en claro de lo crucial que es trabajar esta disciplina.

Como comentaba al principio, el archivo más pedido de toda Teoriza es el llamado favicon. No es ni más ni menos que un icono cuadrado y pequeño (16x16 pixeles a 16 colores) que los navegadores y otros sistemas usan para identificarlo con la web. Por ejemplo, el favicon de esta web es:

Al confeccionar el Listado de Redes de Blogs añadí en cada red de blogs su favicon, buscando y descargándolo manualmente de cada web. Aunque en teoría el formato ha de ser .ico, en la práctica no todos siguen el estándar y usan distintos formatos, tamaños y compresiones. Esto provocaba que unos iconos ocupasen 3kb mientras otros tan solo 300bytes (10 veces menos) aquí saltó mi sentido arácnido.

Son 39 favicons (casi todas las redes tienen el suyo) y suponían un tamaño total de 87kb.

Me dí cuenta que el formato .ico daba lugar a distintos tamaños (algunos 3kb otros 1kb) esto no me cuadró y lo achaqué a distintos tamaños o numero de colores, así que decidí convertir todos los favicons a .gif que es más adecuado para imágenes pequeñas.

Convirtiéndolos a .gif pude unificarlos todos a 32 colores y 16x16 pixeles, y el resultado fue perfecto. El icono más pesado era de 424bytes y el menor 80bytes. En total 9kb los 39 iconos, resultando casi 10 veces menos que antes (de 87kb a 9kb). Un éxito

Muchas redes de blogs incluyen en cada blog y cada página todos sus blogs con cada favicon. No es mi caso, pero si así lo fuese me preocuparía bastante de aligerar los favicons. Ahora los favicons del Listado de Redes de Blogs cargan como balas.

[Actualización: Investigando he descubierto la posible razón por la que algunos .ico pesaban 3kb y otros mucho menos. Resulta que el formato .ico (propietario Microsoft) permite juntar en un único archivo varias imágenes BMP, por ejemplo un icono a distintas resoluciones y así poderse adaptar dependiendo del contexto.]

1 GONZO 06-08-2007
+0 Conocimientos Recomendaciones Retos 
  1. +1 GONZO 2007-08-06 18:15:19

    Por defecto todos los navegadores menos algún IExplorer hacen una petición hacia "dominio.xx/favicon.ico" (esta ubicación puede cambiarse añadiendo esta (1) etiqueta META en el HEAD) si no existe el archivo no hará nada, en los logs de acceso del servidor web se puede observar un 404 al pedir "/favicon.ico".


    Resumiendo: debe crearse un favicon.ico ubicado en la carpeta raíz del servidor web. Este ha de ser en formato ".ico", 16x16 pixeles y 16 colores incluyendo el pixel transparente indice. No es obligatorio ni crucial, pero sí da un toque extra de profesionalidad en mi opinión.


    Sobre el consumo de ancho de banda y CPU es minimo. Es un ejemplo, aunque en casos como algunas redes de blogs que en cada página muestran varios favicons o gifs es crucial que los tengan bien finos.


    Un saludo!


    (1) < link rel="shortcut icon" href="http://www.dominio.xx/favicon.ico"; />


Artículo escrito por GONZO para Blogs Teoriza.
¿Cual es el archivo que más peticiones y tráfico consume? imagenes ico unir varias.
Blogs Teoriza
Ocio Tecnología Cuidarse Informática Contactos Cultura Vacaciones Interesante Místico Personal
Ocio Alarmas Intimidades Hosting Chat Poesías Hoteles CompraVenta Tarot GONZO
Juegos Tecnología Salud Adsl Messenger Mundo Viajes Videos Videncia Mia
CineTV Inventos Internet Música EnCrucero Polémicas
Deportes Virtual Seguridad ComoHacer Turismo Legalidad
Motor Ubuntu Actualidad
Hardware
Enlaces: Teorizo, MovilZona, Gordo navidad 2009, Loteria del Niño, Gordo 2009

Blogs Teoriza™ · Aviso Legal · · Red de Blogs en Español · 3ms · 2003-2009 ©