Mejorar el tiempo de carga de nuestra página web

velocidad página web

Todo diseñador web lo que espera es que su diseño además de resultar atractivo y amigable para el usuario, sea una experiencia estimulante que le haga permanecer tiempo en la web y como no, recomendarla y volver a visitarla.

Hay infinidad de factores que entran en juego a la hora de hacer que una página web resulte atractiva y que el usuario vuelva a ella y la recomiende, sin duda el diseño y los contenidos cumplen un rol fundamental pero estos dos pilares si no van de la mano de una serie de aspectos técnicos resultan muy difíciles de sostener.

 

tiempo de carga página web

La velocidad de la web

En ese sentido, el tiempo de carga de una página web es un aspecto fundamental. De poco sirve un gran diseño o una página web con contenidos de mucha calidad, si el sitio web tarda una eternidad en cargar. Posiblemente un usuario soporte este tiempo de carga la primera vez que entra en la página, pero no olvidará y sin duda a medio plazo esto se transformará en una handicap importante de cara a futuras visitas y a la proyección y crecimiento de ese proyecto web.

Lo cierto es que hoy por hoy cualquier página web que tarde más de 3 segundos en cargar; va mal, exceptuando portales de contenido masivo o algunos e-commerces en los que el usuario es más permisivo ya que comprende que el contenido a cargar es elevado, aunque eso no quita que sus desarrolladores trabajen duro para disminuir al máximo esos tiempos o busquen estrategias técnicas para cargar el contenido esencial de la página web rápidamente e ir descargando otras áreas de la página en segundo plano.

Todo lo mencionado sin entrar a valorar que el tiempo de carga de una página web es un factor de gran importancia en el posicionamiento en buscadores y también es considerado como un aspecto relevante en campaña en Google Adwords.

 

 

herramientas velocidad página web

Herramientas para mejorar el tiempo de carga

Para facilitarnos esta tarea existen en internet varias páginas web que nos permiten medir el tiempo de carga de nuestros sitos web. Son herramientas automatizadas que crean un informe detallado de los aspectos a mejorar en la página e incluso nos facilitan optimizaciones a tiempo real de archivos de nuestra página web con exceso de peso. Muchos de sus parámetros pueden resultar algo complejos para un diseñador web no demasiado experimentado, pero dedicar algo de tiempo a analizarlos puede ser francamente útil de cara a mejorar el tiempo de carga de nuestra web.

De entre las muchas páginas web que ofrecen este servicio mencionaré las cuatro más reputadas: Pingdoom, GTmetrix, Webpagetest y Google PageSpeed Insights. Las dos primeras son mis favoritas porque además de funcionar estupendamente tienen un diseño e interacción mucho más que aceptables (aspecto que los que a los que nos gusta el diseño web y además pasamos mucho tiempo frente a una pantalla de ordenador, valoramos en especial).

Veamos de qué va cada una:

gtmetrix

GTmetrix posiblemente de las más famosas mide el tiempo de carga de tu página web y crea en un par de segundos un informe bastante detallado que además puedes descargar en PDF

GTmetrix
http://gtmetrix.com/

 

pingdom

Pingdom es una herramienta muy útil, el análisis que ofrece es sencillo de comprender para un diseñador web no experimentado, pero es completo y bien organizado.

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

webpagetest

Webpagetest es otra herramienta clásica que entrega informes bastante detallados. La ventaja de esta herramienta sobre otras es que ofrece comprobaciones de la página web consultada desde multitud de servidores en distintos países.

Webpagetest
http://www.webpagetest.org/

page speed insights

Page speed insights es una herramienta ofrecida por Google que da recomendaciones sobre cómo mejorar la página web en su versión para escritorio y móvil. Puedes acceder desde el sitio web o también utilizarla como una función integrada a Google Chrome o Firefox

Page speed insights
https://developers.google.com/speed/pagespeed/insights/

 

El hosting

Una vez exprimidos estos recursos y optimizados al máximo scripts, HTML e imágenes podemos entrar a valorar mejoras en nuestro proveedor de hosting. Normalmente si son proyectos web pequeños o diseños web armados en HTML para páginas web corporativas y demás quizá no sea necesario entra a valorar una posible mejora del servicio de alojamiento. Pero si tu proyecto de página web es un blog que recibe muchas visitas un e-commerce, algún tipo de portal o foro, en cuanto las visitas a la página aumenten deberá tarde o temprano plantearte una mejora de tu servicio de Hosting. En este post no voy a recomendar ninguno en especial pero si te puedo decir que si buscas en Google posting rápido, discos SSD en posting, etc. encerrarás multitud de opciones recomendables.