Programación web, Drupal, Wordpress y ¡Mucho más!

Aprende a programar y diseñar una página web gracias a los trucos y tutoriales que ofrecemos en nuestro sitio.

viernes, 5 de octubre de 2012

La importancia de la velocidad de carga en una web


¿Qué es la velocidad de carga de una página web?

Se entiende por velocidad de carga de una web, el tiempo de espera transcurrido desde que enviamos la primera petición http hasta que recibimos la ultima respuesta http, dicho de otras maneras, es el tiempo transcurrido desde que entramos a la página hasta que esta deja de cargar por completo.


¿Porqué es importe el tiempo de carga?

Primero y fundamental, por la navegabilidad del usuario, hay estadísticas claras de que el porcentaje de rebote que sufre una web viene muy relacionado con el tiempo de carga que esta conlleva. Si queremos que un visitante se quede navegando por nuestra página web, lo primero que debemos hacer es facilitarle las cosas.

Segundo, por el posicionamiento web, Google tiene muy en cuenta la rapidez con la que se carga una página, principalmente por dos razones: la primera muy similar a la anterior, por usabilidad y beneficio para el usuario y segunda por facilitar el acceso a los spiders o arañas (robots de rastreo).

¿Como puedo saber cuanto le cuesta cargar a mi página web?
  • Mediante navegadores
Desde el propio navegador podemos saber la velocidad de carga de nuestra web. ¡OJO! acordaros de limpiar previamente la caché del navegador para que nos ofrezca una cifra real. Yo siempre he realizado esta acción desde Chrome, simplemente tenemos que situarnos encima de la página web y clickeamos boton derecho seguido de inspeccionar elemento, nos situamos en la pestaña “Network” y actualizamos la página, en caso de que lo hagas desde Firefox, te recomiendo instalar previamente el complemento “Firebug”, el método es muy similar.
  • Mediante herramientas de optimización
Existen multitud de herramientas las cuales evalúan el rendimiento de tu página web, personalmente la que más he llegado a usar a sido Pingdom Tools, es muy sencilla de usar, simplemente basta con entrar y escribir la url para que la analize, una vez acabado en el análisis te marcará el “load time”, además de las peticiones http que enviamos al servidor y el peso que ocupa nuestra web.

Otra herramienta muy buena en este sentido y con un caracter un tanto más avanzado es Woorank, realizada una evaluación muy completa de nuestra site, el problema es que solo te deja realizar 1 cada semana, como solución complementaria a esta herramienta, tenemos una también muy completa y bastante famosa en el mundo de la optimización web, se trata de GTmetrix.

¿Cómo mejorar la velocidad de carga?

Analizados los resultados de las pruebas realizadas, debemos pensar que optimizar y con que fín. Está claro que optimizar los recursos de nuestra web supondrá ganar una velocidad 80 veces mayor a la que tendríamos sin optimizar.
  • Mediante Plugins
Actualmente existen programas de optimización para CMS como podría ser WordPress los cuales realizan el trabajo por si solos obteniendo unos resultados altamente notatorios. Algunos de estos programas podría ser W3 Total Caché (Muy recomendado) o WP Simple Caché, este último no lo recomiendo tanto.
  • De Forma Manual
Yo es la opción que elegí, ir poco a poco, saber en todo momento que y donde he modificado. ¿Pero que hay que hacer?. A continuación detallo una lista de las cosas que hay que hacer para obtener un buen rendimiento.

1 comentario: