Calcular y mejorar el tiempo de carga de tu p√°gina web

Aquellos que somos responsables de un sitio web o de su optimizaci√≥n nos fijamos en muchas cosas, su aspecto, su estructura, navegaci√≥n… ¬ŅPero qu√© sucede con la carga? Que una p√°gina web cargue al instante es tanto o m√°s importante como su apariencia o su facilidad de uso. Nadie quiere acceder a una p√°gina que tarda decenas de segundos en cargar completamente y en mostrarnos el contenido. Es por eso que, si administras una p√°gina web, hay que calcular y mejorar el tiempo de carga.

Pero, ¬Ņc√≥mo s√© cu√°nto tiempo tarda en cargar una p√°gina? El realizar pruebas desde tu propio equipo no te servir√° de nada, pues cargar√°s una p√°gina que probablemente se encuentra almacenada en la cach√© de tu navegador y los resultados estar√°n alterados. Adem√°s no todas las personas tienen la misma conexi√≥n a internet. Para realizar este c√°lculo de velocidad, lo mejor ser√° utilizar alguno de los tantos servicios que existen en internet para realizar esta tarea.

Pingdom

Resultados de carga de tecnologia.net en Pingdom

Mi herramienta favorita. Esta p√°gina web nos permite medir el tiempo de carga de nuestro sitio web. Pero no solo nos muestra el tiempo que tarda en cargar, tambi√©n nos se√Īala el tama√Īo de la p√°gina y la cantidad de peticiones que realiza. Y, si queremos saber m√°s acerca de la carga y qu√© falla, podemos echar un vistazo al informe de la herramienta, que nos muestra el tiempo de carga de cada archivo. Adem√°s, si queremos saber qu√© es exactamente lo que est√° fallando, podemos mirar en la pesta√Īa Performance Grade.
YSlow

YSlow

YSlow es una extensi√≥n compatible con los principales navegadores (Chrome, Firefox, Opera y Safari) la cual nos permitir√° conocer tambi√©n el tiempo de carga y en qu√© podemos mejorar nuestro sitio. Lo √ļnico que tenemos que hacer es descargar la extensi√≥n/plug-in, acceder a nuestro sitio y abrir YSlow desde la barra de herramientas. Una vez finalice el an√°lisis nos indicar√° con una letra (desde la F hasta la A, siendo F la peor nota y A la mejor) el grado de optimizaci√≥n de nuestra p√°gina web.

PageSpeed Insights

PageSpeed Insights

Google es el principal interesado en que las p√°ginas carguen r√°pido, y por ello dispone de su propia herramienta: PageSpeed Insights. Es muy similar a YSlow, con la diferencia de que tambi√©n hace un an√°lisis de la versi√≥n m√≥vil de nuestro sitio. Le pondr√° una nota sobre 100 y nos indicar√° qu√© tenemos que mejorar. ¬ŅLo mejor de todo? Est√° completamente en espa√Īol y adem√°s te se√Īala c√≥mo puedes corregir los fallos que tiene tu sitio en cuanto a su carga.

Una vez finalices el an√°lisis, tan solo tendr√°s que solucionar los problemas que te indican estas herramientas. En el caso de que no sepas c√≥mo solucionar alguno de estos errores siempre puedes hacer una r√°pida b√ļsqueda en internet para conseguir la respuesta.‚Ä®El error m√°s com√ļn hasta la fecha es no cuidar bien las im√°genes que subimos. Cuando √©stas son muy grandes su tama√Īo tambi√©n lo es. Siempre puedes reducir un poco su resoluci√≥n, su tama√Īo o comprimirlas, de forma que no ralentice la carga de tu p√°gina web.