Como medir la velocidad de tu Sitio Web

Como medir la velocidad de tu Sitio Web

Uno de los aspectos más importantes a la hora de desarrollar un sitio web es la velocidad de carga. Ya no solo por la experiencia de usuario, sino también por que los motores de búsqueda lo tienen en cuenta a la hora de ofrecer sus resultados. 

 Si una web tarda demasiado en cargar, los visitantes directamente abandonarán la página. Si cuando van a ir de una sección a otra tienen que esperar demasiado, su experiencia será negativa. Vamos a enseñarte no solo a medir el tiempo que tarda en cargar tu web, sino otras muchas cosas que te permitirán mejorar su diseño y su rendimiento. Vamos a realizar un test a nuestra página web para ver su rendimiento y poder evaluar todos estos puntos.

  • Tiempo que tarda el servidor en eviar el primer byte de respuesta a una petición HTTP
  • Ver si el código fuente ha sido desarrollado siguiendo buenas prácticas
  • Saber que elementos de la web no son seguros
  • Saber que elementos del diseño de la web afectan al rendimiento y así poder optimizarlo

Pasos a seguir para realizar un test de rendimiento de nuestra web

En primer lugar vamos a necesitar el navegador Chrome o alguno de sus derivados como puede ser por ejemplo Opera.

Accedemos al sitio web en cuestión. Ten en cuenta poner bien la dirección de tu web ya sea "http://" o si usas certificado usar "https://"

Pinchar con el botón secundario en cualquier sitio de la web y en el menu emergente seleccionar "inspeccionar elemento"

Se abriran las herramientas del desarrollador. Acceder a la pestaña "audits".

 

Aquí podemos elegir entre una serie de opciones agrupadas en 3 secciones. Yo suelo dejar todo como está excepto que selecciono "desktop" y "no throttling".

  • El primer grupo permite hacer el test para equipos informáticos de escritorio o dispositivos móviles.
  • El segundo nos permite seleccionar los tipos de auditoría a realizar
  • El tercer grupo permite emular hacer el test desde un ordenador antiguo y desde una red 4G lenta para poner a prueba nuestra web

Una vez seleccionadas las opciones de la auditoría vamos a presionar el botón "run audits" para realizar el test. Esperaremos a que finalizen las operaciones de análisis de nuestro sitio web y se visualizarán los resultados.

Los resultados se dividen en 5 apartados y en cada uno de ellos se obtiene una puntuación que va de 0 a 100. Los más importantes son:

  • Rendimiento
  • Accesibilidad
  • Buenas prácticas del desarrollo
  • SEO

Si obtenemos resultados muy por debajo de 100 es conveniente revisar los consejos que el propio sistema de auditorías nos va a dar. Algunos buenos consejos para mejorar la velocidad, el rendimiento y el posicionamiento web son:

  • Emplear sistemas de combinación de código CSS y Javascript
  • Emplear el sistema Gzip para enviar las páginas comprimidas en su totalidad
  • Utilizar sistemas de caché
  • Actualizar lo máximo posible la versión PHP y el software de nuestro servidor
  • Etiquetar correctamente los elementos y seguir las directrices de Google para un buen posicionamiento

Si presionamos el botón "view trace" todavía podremos obtener datos más exahustivos sobre el tiempo de carga pormenorizado de cada uno de los elemtnso de la web y el tiempo destinado a cada una de las tareas.

 

Esperamos que este tutorial te haya sido de ayuda para analizar el rendimiento de tu sitio web, mejorar el posicionamiento SEO y descubrir posibles errores o elementos susceptibles de optimizar.

Imprimir  

Honestidad, profesionalidad, garantía. Somos iberotecno.

Diseño Web, Tiendas Online, Informática y Desarrollo de Dispositivos