Optimizando el tiempo de carga de tu blog
Examinando el estado de Blogpocket en Google Webmaster Tools me he dado cuenta de que el tiempo de carga de las páginas era exagerado (del orden de más de 14 segundos). Pueden ver todos los parámetros en la imagen Carga página antes). Unos valores alarmantes, sobretodo la segunda quincena de abril.
Como había leído que Google ha pasado a penalizar el posicionamiento en el resultado de las búsquedas me puse a investigar un poco. Lo primero era, claro está, utilizar alguna herramienta para testear el rendimiento. Google recomienda el uso del plugin para Firefox Speed Test (una extensión que necesita otra denominada Firebug), así que me puse manos a la obra.
En el tutorial de Kabytes tienes cuáles son los aspectos que hay que mejorar, a a partir de la información proporcionada por Speed Test.
Las optimizaciónes que se proponen en Speed Test tienen que ver con los recursos internos (CSS, javascripts e imágenes) y se puede actuar sobre ellas perfectamente. Pero con la herramienta Web Page Test puedes tener una idea mucho más general de lo que está sucediendo durante la carga de tu blog. Se obtiene, entre otros, dos gráficos muy buenos: Waterfall View y Connection View. Con el primero, se puede ver la secuencia de carga de los elementos, cuánto se tarda en establecer la comunicación con los distintos servidores de recursos y el volumen de datos transmitidos. Con el segundo te puedes hacer una idea exacta de dónde se encuentran los posibles puntos conflctivos: qué servidores (y, en consecuencia, qué aplicaciones utilizadas en tu blog, están causando atascos.
De esa forma, he podido detectar algunos javascripts de servicios externos que no usaba ya y que estaban provocando un retraso importante. Y también he descubierto qué recursos hacían mi blog más pesado. Uno de ellos son las imágenes cargadas desde blogpocket.com, así que he optado por eliminar casi todas.
Pero, como todo en la vida, “lo que es bueno para el bazo es malo para el espinazo”. Además, he leído una buena reflexión en Pizcos. Por ejemplo, parte del consumo de velocidad corresponde a Google Adsense. Y blogs optimizados siguen perdiendo tráfico, como muestran los gráficos de Alexa.
Y es que los cambios que he realizado en Blogpocket, para disminuir en casi dos terceras partes la velocidad de carga (de 14.2 segs. a 5.7 segs, como se puede ver en la imagen Carga página después), implican desprenderse básicamente de tres servicios que hacen el blog muy vistoso pero tremendamente pesado para cargar las páginas: Flickr, YouTube y Twitter.
El problema con Flickr se puede reducir tratando de subir imágenes de mínima calidad o muy pocos bytes. Una de las sugerencias de Speed Test es que pongas las imágenes internas en sitios como Flickr, así que hay que optar por encontrar el equilibrio.
Con YouTube, he descubierto que interviene un servidor llamado Ytimg causante de largas esperas. Quitando los vídeos de YouTube se logran espectaculares mejoras.
Y por último Twitter. En los gráficos de Web Page Test se puede observar que es el servicio que más consume. Largas esperas de respuesta y gran volumen de datos transmitidos. Así que, sin ir más lejos, adiós a la integración con @Anywhere, por lo menos hasta ver los resultados de esta optimización.
Y como un castillo de naipes, a ver cómo reacciona Adsense a los cambios en la plantilla, aunque han sido mínimos.
Y para terminar, dos enlaces muy suculentos (vía Bloguismo): 30 SEO Problems & the Tools to Solve Them (Part 2 of 2) y Advanced Blog & WordPress SEO: 30 Points Most Bloggers Overlook.
mayo 2nd, 2010 a las 2:17 am
Tengo el mismo problema, me cargaba en 8 segundos la página, y he podido bajarlos a 3.5 o 4.
Lo que mencionas es desprenderse de mucho, en mi caso, probaré con quitar lifestream, porque ya quitar más no puedo.
Me parece una *utada penalizar por la velocidad de carga, implica, o tener demasiado sobrio un blog, o tener un servidor de los muy buenos, y obviamente caros.
mayo 2nd, 2010 a las 9:10 pm
pero no siempre un blog que tarda en cargar, resulta que tiene que ser optimizado al máximo, ya que si el contenido es bueno, la espera merece la pena, aunque lo de penalizar por el tiempo de carga, supongo que establecerán uno rangos optimos de carga, eso si, cuanto más contenido externo, pongas en tu blog, más tardará en cargar
mayo 3rd, 2010 a las 1:36 am
Tienes razón, tu blog cargó demasiado rápido. Personalmente, sigo confiando en que la relevancia tiene más peso que el tiempo de carga de un sitio. Si ofreces algo útil a tus visitantes, Google lo sabrá y con un poco de equilibrio entre ambas cosas, se obtienen buenos resultados. Saludos.
mayo 3rd, 2010 a las 10:37 am
1Cli, José Luis Ávila: tenéis razón pero precisamente es el contenido “superfluo” el que hace que tarde más las páginas: fotos de los posts (si están en Flickr), vídeos, widgets (el de twitter es excesivo), etc. Eso sí, un vídeo y una foto pueden suponer el contenido mismo de un post y no ser tan superfluos. Así que es cuestión de equilibrio, claro está.
mayo 3rd, 2010 a las 12:36 pm
Os recomiendo que os miréis este artículo:
http://www.inkilino.com/velocidad-blog-wordpress.html
Yo pase de 9 segundos a menos de uno después de optimizarlo un poco, y por eso hice el artículo
Y quita esta imagen /wp-content/themes/statement/images/navbg-acho.gif que al no encontrarla tarda más al cargar mientras la busca.
PD: Si necesitas ayuda dímelo que veo muchas cosas en tu blog de donde podrías rebajar tiempos de carga.
mayo 4th, 2010 a las 3:00 am
[...] Optimizando el tiempo de carga de tu blog [...]
marzo 28th, 2011 a las 9:30 pm
Excelente post, me ha ayudado muchsismo, se nota la diferencia en velocidad de carga.