Tiempo de carga de una página web

Hace poco Xavi de SyntaxError creó un plugin para wordpress a partir del código de las estadísticas que tengo a la derecha de este blog y mientras lo hacía, una de las preguntas que me hizo es si cada vez que entraba alguien generaba la imagen, mi respuesta fue que si, a sabiendas de que puede consumir recursos, lo tengo hecho así.

Pues bien, hoy desde Baluart nos informan de otra maravillosa herramienta, Pingdom mediante la cual podemos calcular el tiempo de carga de nuestra página e incluso revisar cuanto tarda en cargar cada objeto e imagen de nuestra web.

Antes de realizar el test yo sabía que mi página era bastante pesada, no tanto como para no poder navegar por ella, pero si algo molesta y la razón es simple, tengo demasiadas cosas, tengo conexiones a mis fotos en flickr, a otras páginas para obtener imágenes, varios plugins activos, anuncios Adsense… en fin un cúmulo de cosas que generan un tráfico a veces excesivo.

El caso es que al ejecutar el test por primera vez recibí la mala noticia de que mi página tardaba unos 23 segundos en descargarse completamente, me parecía un tiempo excesivo así que tomé como ejemplo otra página y probé con ella, la página era SyntaxError ya que había estado buscando el link del artículo y por ello la tenía a mano, y el resultado del test fué de 8.1 segundos.

La siguiente vez que probé a realizar ambos test (habré probado unas 10 veces) los resultados fueron algo mejores, 8.2 para mi página y 5.3 para SyntaxError, esto me lleva a pensar que la conexión desde donde Pingdom hace la prueba tiene un cache, lo que me parece ridículo ya que la única prueba fiable sobre el tiempo de carga “real” sería la primera.

Otra cosa curiosa es que desde mi página se descargan unos 1300 kb y desde SyntaxError unos 600 kb y la diferencia de ambos una vez en cache es apenas de unos segundos.. (Xavi, espero que no te moleste que haya usado tu página para las pruebas, aunque he de decir que ha salido muy bien parada)

El caso es que me puse a mirar que objetos de mi página generaban mayor carga y la verdad es que me ha sorprendido que lo que más tarde en cargar sean las imágenes de Flickr a mucha diferencia del resto de objetos.

Lo que está claro es que dependiendo qué artículos tengas en ese momento en portada (si es un blog) y la cantidad de imágenes de las que dispongas en ellos tendrás mayor o menor carga, así es por ello que a partir de ahora racionaré las imágenes en mis artículos, aunque seguramente acabaré cambiando algo del blog para lograr una velocidad de carga aún menor.

Para poder resolver “este problemilla”, copio textualmente las soluciones planteadas por Baluart

Finalmente, si tienes problemas con la carga de la web, sigue estos consejos. Si el problema son las imágenes, aquí tienes otros. Y si el problema es la carga del primer byte, puedes optimizar las consultas mysql y/o utilizar un sistema de cache con php.

PD: He conseguido que alguna vez sólo tarde 5 segundos
PD2: (12:11) Lo he vuelto a realizar ahora, ya que tenía la impresión de que uno de mis artículos tardaba demasiado en cargar debido a su extensión y una vez quitado de la portada me ha dado 4,2 segundos