fbpx

¿Como medir la velocidad de tu web?. Que método es el mejor

Si has usado alguna de estas herramientas para medir el rendimiento web, te preguntarás por qué los resultados son a veces diferentes.

Espero que este artículo sirva para resaltar las diferencias clave en estas herramientas de análisis de rendimiento, y es que PageSpeed Insights, Pingdom Tools, WebPageTest y GTmetrix ofrecen todas características similares, pero hay algunas cosas que creo que hay que saber con respecto a sus diferencias.

Ubicaciones de las pruebas

medir velocidad web

El lugar desde el que se realiza la prueba afecta a los resultados de rendimiento.

Las diferentes distancias en las ubicaciones de las pruebas harán que factores como la latencia y la calidad de la conexión de la red influyan en el rendimiento de la página.

De hecho, es la razón principal por la que las redes de entrega de contenido (CDN) son un aspecto crucial en el servicio de una web rápida.

 

¿que es una CDN? Un CDN, es Una red de distribución de contenidos es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes por la red.

MiAppMovil usa CDN en sus webs y recomienda que las uséis para mejorar la velocidad de tu web, sobre todo si es pesada o tiene muchas imágenes.

Además, el contenido geoespecífico puede activarse en varias regiones debido a los recursos o anuncios de terceros.

Aquí están las regiones de prueba que cada herramienta web ofrece:

GTmetrix (7 regiones de prueba)

  • Vancouver, Canadá
  • Dallas, EE.UU.
  • São Paulo, Brasil
  • Londres, Reino Unido
  • Hong Kong, China
  • Mumbai, India
  • Sydney, Australia

Pingdom (7 regiones de prueba)

  • San Francisco, EE.UU.
  • Washington D.C., EE.UU.
  • São Paulo, Brasil
  • Londres, Reino Unido
  • Frankfurt, Alemania
  • Tokio, Japón
  • Sydney, Australia

WebPagetest (50 lugares de prueba)

  • América del Norte (15)
  • América del Sur (2)
  • Europa (17)
  • África (1)
  • Oriente Medio (4)
  • Asia (10)
  • Oceanía (1)

PageSpeed de Google

  • Región de prueba Desconocida
  • Posiblemente geolocalizado

Conclusiones

El lugar de prueba más cercano a tu público objetivo proporciona la representación más precisa de la carga de tu página…

  • GTmetrix, Pingdom Tools y WebPagetest ofrecen múltiples ubicaciones para el análisis con el fin de representar de la mejor manera posible el rendimiento de tu web, tanto en el tiempo de carga real como en las mejores prácticas de rendimiento.
  • WebPagetest es capaz de ofrecer tantas ubicaciones de prueba porque permiten que cualquiera pueda alojar una ubicación de prueba para ellos.
  • Google PageSpeed Insights no te da la opción de elegir desde dónde realizar su prueba; porque no mide la rapidez con la que tu página tardó en cargarse, sólo si su sitio sigue una serie de reglas.

Naturalmente, la ubicación de prueba más cercana a tu público objetivo proporciona la representación más precisa de la carga de tu página, tal como la experimentan sus visitantes.

Elige la herramienta con la ubicación de prueba más cercana a tu público. MiAppMovil te da servidores cercanos a tu ubicación.

Puntuaciones y recomendaciones de cada herramienta

PageSpeed Insights, Pingdom Tools, WebPageTest y GTmetrix

velocidad carga webLas recomendaciones diferirán entre las herramientas.

Cada uno de estos instrumentos evalúa las webs en función de su propio conjunto de recomendaciones.

La mayoría de ellas provienen de la biblioteca PageSpeed original de código abierto de Google, y probablemente han sido personalizadas o modificadas.

GTmetrix utiliza un conjunto de recomendaciones PageSpeed y YSlow modificadas para evaluar webs en base a lo que consideran como métricas importantes.

 

 

Esto es lo que cada herramienta utiliza para determinar su puntuación:

GTmetrix

  • 27 recomendaciones de PageSpeed
  • 18 recomendaciones de YSlow

Pingdom

  • Aparentemente basado en PageSpeed

WebPageTest

Solo usa 6 recomendaciones:

  • Compresión gzip activa
  • Keep Alive
  • Compresión de imágenes
  • Uso de JPGs progresivos
  • Leverage browser caching
  • Uso de CDN

PageSpeed

  • 20 «auditorías/oportunidades»

Conclusiones

Si bien es probable que todos ellos estén basados en la biblioteca original de Google PageSpeed de código abierto, hay que señalar algunas diferencias clave.

Después de que Google hiciera cambios generales en el algoritmo de puntuación y recomendaciones hace años, no han actualizado la biblioteca de código abierto desde entonces.

La herramienta online PageSpeed Insights en su conjunto parece contener un nuevo conjunto de reglas (que no es de código abierto).

No compares estas herramientas por igual y pregúntate por qué tus puntuaciones difieren de una herramienta a otra; todas utilizan conjuntos de recomendaciones diferentes.

Por eso verás que las reglas de cada servicio son diferentes.

Tiempo de carga

Cuando la carga de la página se haya completado y todos los recursos de la página (imágenes, CSS, etc.) hayan terminado de descargarse.

Problemas con el uso de este evento:

  • Algunos elementos de la carga de la página pueden no llegar antes de que este evento se dispare – como los carruseles de imágenes basados en JavaScript – causando tiempos de carga de página inconsistentes y capturas de pantalla inexactas.
  • También puede reportar tiempos de carga de página más rápidos que los reales.

Conclusiones

El tiempo de carga puede tergiversar el verdadero tiempo de carga de tu página.

Debido a las variaciones de la red o a la forma en que la página fue diseñada para cargarse, los recursos cargados después de que el navegador disparara window.onload puede no llegar a los informes.

El resultado es un informe que indica que la página se cargó más rápido de lo que realmente lo hizo.

Esto significa que mientras la herramienta recibió un disparador de «página terminada de cargar» en el momento de la carga, el usuario real sigue experimentando recursos que se están descargando.

Aunque es interesante, los informes de experiencia de usuario de Chrome en PageSpeed Insights, de momento son limitados.

Espera ver valores vacíos si tu página no tiene una gran cantidad de visitantes de Chrome.

Aún así, el uso del pintado del primer contenido como métrica de tiempo es cuestionable.

Resolución de pantalla

El tamaño del navegador en el que se carga la página también afecta a su rendimiento, ya que los diferentes tamaños pueden ofrecer diferentes recursos.

El diseño adaptable (responsive) ha hecho esto especialmente evidente.

Sitios webs responsivos

GTmetrix ofrece la posibilidad de cambiar la resolución de tu pantalla para las pruebas, así como de simular dispositivos (más de 40 variantes diferentes de teléfonos y tabletas).

Las pruebas de Pingdom/WebPageTest/PageSpeed Insights están fijadas en 1024×878 y 1024×696 respectivamente.

Resumen de las principales conclusiones

  • La ubicación de prueba más cercana a tu público objetivo proporciona la representación más precisa de la carga de tu página.
  • No compares estas herramientas de la misma manera y pregúntate por qué tus resultados difieren de una herramienta a otra.
  • El tiempo de carga puede falsear el verdadero tiempo de carga de tu página.
  • Los navegadores reales proporcionan una mejor indicación del rendimiento de su sitio web.
  • Es importante entender cómo funciona cada herramienta antes de confiar en ellas para cualquier tipo de datos o resultados.

Entonces, ¿qué herramienta debo usar?

Depende.

Creo que los casos de uso de cada herramienta se pueden dividir en las siguientes categorías:

  • Comprobaciones rápidas: GTmetrix, Pingdom Tools, y PageSpeed Insights
  • Consistencia/rastreo histórico: GTmetrix y WebPagetest
  • Análisis en profundidad: GTmetrix y WebPagetest
  • Comprobación SEO: PageSpeed Insights, GTmetrix, y Pingdom Tools
  • Dispositivos móviles: WebPagetest, GTmetrix y PageSpeed Insights
  • Dependencia de la ubicación: WebPagetest, GTmetrix y Pingdom Tools
  • Opciones avanzadas: WebPagetest y GTmetrix

Pero, sobre todo, usa siempre la misma, aprende de sus métricas y recomendaciones para mejorar los parámetros de rendimiento de tu web, y no se te ocurra compararlas, te volverás loco, y sino aquí tienes capturas de la misma web, este blog, en las distintas herramientas…

Herramientas para probar la velocidad en móviles

Herramienta de Google para probar tu web en el movil

¿Y tú cuál usas?

Pues como norma general suelo utilizar GTMetrix porque en conjunto me parece la más completa y tiene un buen equilibrio entre consistencia en las mediciones y detalle de las recomendaciones, que a fin de cuentas es lo que interesa, que te ofrezca herramientas de análisis que te ayuden a mejorar el rendimiento y optimizar tus páginas web.

Algunas información extraida de ayuda wordpress