Optimizar la velocidad de carga de tu blog/web

Herramientas gratuitas para analizar y mejorar la carga web

¿ Estás seguro de que la carga de tu blog es realmente rápida ? Si no lo tienes claro o te asaltan las dudas, en este post te indicamos las mejores herramientas gratis para medir el tiempo que tarda tu web en cargar completamente.

Hemos seleccionado 4 de entre las herramientas online gratuitas que nos parecen las mejores opciones, dos de ellas son via web y las otras dos son plugins (extensiones) para Mozilla Firefox.

Pero antes de arrearle a los tests de los servidores, conviene que entiendas qué es lo que hace que una web cargue más o menos rápido:

• Cada vez que el navegador “solicita” un archivo al servidor (petición HTTP), hay un tiempo de comunicación entre ambos, y no necesariamente tardan más los archivos más pesados como tal, sino que interviene también la complejidad del archivo al ser leído e interpretado por el navegador. De más está decir, que cuantas más “consultas al servidor” haga tu código, más tardará en servir toda la información.
• El peso de las imágenes, individualmente, afecta bastante, pero casi es aún más importante el número de fotos en sí: motivo por el cual (aparte de otros) por el que incrustar todas las imágenes de tu blog en 1 solo archivo mediante el sprites CSS es más que recomendable, cuando se pueda.
• El orden de los archivos también afecta, en la lógica de las comunicaciones cliente-servidor, de ahí que varias las herramientas te aconsejen situar lo más arriba posible los archivos CSS, luego los Javascript, etc…
• “Minimizar” los archivos de código (HTML,CSS,Javascript) será muy útil, además de que éstos estén lo más “limpios” posibles de código que no se use en realidad, o se use en otras partes de la web: hay herramientas que facilitan juntar todos los archivos de un mismo tipo, por ejemplo los archivos CSS, en uno sólo y así ayudar a que tu blog cargue más rápido.

<Éstas son a grandes rasgos, las características y elementos más susceptibles de ser modificados para que tu blog cargue como un rayo ;D

Tools online:

• Pingdom: http://tools.pingdom.com/fpt/

  Esta herramienta nos parece bastante fiable, incluso haciendo varios tests de seguido al mismo blog, dando resultados muy similares. Tan sólo tienes que introducir el dominio de tu web o blog, pulsar sobre “Test Now” y en lo que tarde tu sitio en cargar estará hecho al reporte.

  Lo sencilla que se presenta la velocidad de carga, visualmente, y la posibilidad de filtrar y reordenar los resultados hace que uno se centre en lo que importa: analizar de manera fácil qué elementos de tu blog tardan más en cargar para así determinar qué aspectos pueden cambiarse para mejorar la velocidad total de carga, elemento a elemento.

• GTmetrix: http://gtmetrix.com/

  Esta aplicación online es muy similar a la que ofrece Pingdom, pero con la peculiaridad que toma datos de los plugins (que ahora después veremos) y los mezcla haciendo una comparativa de los datos de tu blog o web, la verdad es que resulta muy curioso (y bastante parecidos los resultados también).

  Esta tool nos permite visualizar los datos de carga en estilo similar al de la anterior, con una gráfica colorida en orden de importancia para PageSpeed, otra para los datos de Yslow y otras 2 pestañas en las que se detalla el “tiempo de carga/elemento” y el Historial de carga (si tienes cuenta registrada).

  El punto fuerte de GTmetrix en nuestra opinión es la posibilidad de hacer comparativas entre al menos 4 sitios web distintos, con los resultados mostrandose en paralelo, un puntazo!

Plugins para medir la velocidad de carga a través de Firefox

• Yslow: http://developer.yahoo.com/yslow/

  El original, y al que muchos siguen alabando, califica nuestra web por categorías de elementos (archivos CSS en el top del header, Usar una CDN, menos solicitudes HTTP al servidor,etc…) puntuándolas de la “A” (mejor calificación) a la “F” (peor calificación).

  A su vez, se pueden filtrar datos por tipos de elementos (Contenido, CSS, Javascript,Servidor). También trae otras pestañas con gráficos circulares, tabla de tamaños de archivo y sus tiempos de respuesta (acciones, cookies, datos de expiración,etc…), así como varias herramientas que te ayudan a optimizar la carga para mayor velocidad de tu web.

  Todo un clásico y además también está disponible para Google Chrome :)

• PageSpeed: http://code.google.com/intl/es-ES/speed/page-speed/

  La copia de Google de Yslow, según muchos. Es muy fácil de utilizar y entender ya que muestra un ranking que va de 0 a 100, puntuando cada elemento o conjunto, al estilo del Yslow. Lo bueno es que esta opción, para aquellos que empiecen con la optimización de la carga de sus blogs, va como anillo al dedo porque pulsando sobre cada elemento te lleva a la ayuda oficial de PageSpeed para esa característica, con explicaciones bastante interesantes, aunque a veces un poquillo liosas (en inglés). Justo hoy 30 de mayo, la acaban de actualizar y ya funciona bajo Firefox 4.0, e incluso para Google Chrome también ;)

Esperamos que estas herramientas gratis te sean de ayuda y mejores la velocidad de tu web, que siempre viene bien de cara al posicionamiento en los buscadores, ya que según admitió Google hace algún tiempo ya, es uno de esos más de 200 factores que influyen en la forma de clasificar los resultados del algoritmo de Google.