Medir el tiempo de carga del sitio web

3 herramientas para medir realmente el tiempo de carga de la página tucorrectamente

¿A qué velocidad se carga mi sitio? Esta es una de las cuestiones centrales del rendimiento, la UX y la optimización de los motores de búsqueda. A la hora de responder a esta pregunta, hay que contar con las herramientas adecuadas. Porque sólo unas pocas herramientas proporcionan datos realmente buenos. Hoy te presentaré las tres más potentes y te mostraré cómo usar una de ellas, Pingdom.

En la web hay artículos muy buenos sobre herramientas con las que cada usuario puede medir el rendimiento y el tiempo de carga de su propio sitio web de forma muy sencilla y, sobre todo, gratuita. Estos resúmenes son muy útiles, pero a menudo cometen un error que puede generar más confusión que claridad para los usuarios. Comparan dos o tres tipos de herramientas completamente diferentes entre sí y, a veces, no profundizan lo suficiente en las diferencias.

Esto puede llevar a los usuarios a intentar hacer comparaciones de rendimiento con datos completamente inadecuados. Es una pena, porque medir con las herramientas adecuadas ahorra mucho tiempo y problemas.

Todo usuario que quiera medir el rendimiento de su sitiodebe conocer una diferencia: la diferencia entre los análisis de potencial y las herramientas de este tipo que miden el tiempo de carga de un sitio web. El primer grupo incluye pruebas como Google PageSpeed Insights y YSlow de Yahoo. Estas herramientas indican en qué medida el sitio web probado cumple los requisitos para una carga rápida de la página. Por lo tanto, ambos proporcionan una excelente información para la optimización en la página. Sin embargo, estas pruebas no miden explícitamente el tiempo de carga del sitio web tus.

Pero la mayoría de las veces es exactamente lo que quieres saber: ¿Cuánto tiempo tarda mi sitio en construirse, en que el cliente pueda interactuar con él, en que gane dinero? Y aquí está el problema: por lo que sabemos, sólo hay tres herramientas gratuitas que proporcionan datos realmente buenos:

Por lo tanto, en este y otros dos artículos, le mostraré qué pueden hacer las tres herramientas de medición, cómo utilizarlas y cómo interpretar los datos para que pueda sacar el máximo provecho de las mediciones.

Hay tres características que hacen que una herramienta de medición sea especialmente valiosa: las opciones de ajuste, el nivel de detalle de la medición y la variedad de datos

Las herramientas que he mencionado son tan buenas porque proporcionan datos especialmente valiosos. Esto significa que los resultados de la medición:

  • Se puede ajustar a través de varias opciones de configuración.
  • Se produce con un alto nivel de detalle.
  • Consiste en los resultados de varios métodos de medición que pueden ser comparados.

En la práctica, esto significa que con una buena herramienta de medición se puede establecer cómo se mide el tiempo de carga del sitio web. Normalmente se trata de la elección del servidor de pruebas y su ubicación y, a veces, también de la elección del navegador de pruebas.

El nivel de detalle de los datos significa que no sólo se ofrece información sobre el tiempo, sino también una descripción detallada de lo que realmente se midió. Dos herramientas pueden entender algo diferente bajo "tiempo de carga". Por supuesto, es aún mejor si se utilizan términos estandarizados, como el tiempo hasta el primer byte.

Y, por último, es bueno que no sólo se mida el tiempo de carga de tus, sino que también se muestre al mismo tiempo información sobre el número de peticiones HTTP, el tamaño de los paquetes de datos cargados o los resultados de posibles análisis. De este modo, podrá ver rápidamente qué ajustes puede realizar para optimizar el tiempo de carga.

Otras herramientas conocidas sólo ofrecen estas posibilidades de forma limitada o no las ofrecen en absoluto, por lo que pueden plantear problemas de comprensión y, por tanto, de interpretación. Sin embargo, para usted, como usuario final, estas ventajas suponen una desventaja decisiva: los datos no son tan fáciles de entender como, por ejemplo, los resultados de Google PageSpeed Insights.

Los datos de las mediciones no siempre son fáciles de leer, pero con algunos conceptos básicos siempre se pueden entender

La parte más desalentadora es sin duda el llamado diagrama de cascada. Pero es precisamente esto lo que proporciona datos especialmente importantes. Por lo tanto, vale la pena examinar más de cerca este tipo de diagrama.

En este post, primero explicaré Pingdom con más detalle. Una herramienta que puede proporcionar rápidamente información muy informativa sobre tussitio y también mide el tiempo de carga del sitio web tus.

Mida el tiempo de carga del sitio web con Pingdom. Aquí está la máscara de entrada.
Máscara de entrada de Pingdom. Esta herramienta es una de las tres que, en nuestra opinión, proporciona resultados realmente buenos y, sobre todo, mide el tiempo de carga del sitio web tus.

Pingdom muestra muy bien en qué orden se construye tusitio y el tamaño de los bloques individuales.

Pingdom es rápido y muy fácil de usar. En principio, sólo hay que hacer dos cosas:

  • introduzca en primer lugar el dominio que se va a comprobar
  • a continuación, seleccione la ubicación del servidor

La ubicación del servidor es -además de la elección del navegador que se va a probar- uno de los ajustes más importantes para poder entender cómo y cuán rápido se configura tusitio para clientes de diferentes regiones. En estas pruebas, la ubicación del servidor indica desde qué lugar se accede al sitio web tupara la medición de la velocidad.

Asegúrese siempre de utilizar la misma ubicación del servidor, especialmente para las comparaciones de rendimiento. Esta es la única manera de comparar los resultados. Porque si el tiempo de carga de tusse mide una vez desde Estados Unidos y otra desde Fráncfort, los tiempos de carga para un visitante de Alemania serán muy diferentes.

Medir el tiempo de carga del sitio web Opciones de Pingdom para el servidor de prueba
Opciones de selección para el servidor de prueba de la prueba de Pingdom.

Cuando se inicia la prueba, se expulsan tres grandes paquetes de datos después de unos momentos:

  1. Resumen y resultado del análisis de potencial
  2. Desglose detallado de la sitio
  3. Diagrama de cascada

Desde el principio, se dan los tres datos clave más importantes para entender el rendimiento tussitio :

  • el grado del análisis del potencial (1)
  • el tiempo de carga de la sitio(2)
  • el número de peticiones HTTP (3)
Medir el tiempo de carga del sitio web Resultado general de Pingdom
Resumen resultado de la puesta en escena

La calificación se basa supuestamente en Google PageSpeed Insights. Sin embargo, en todas nuestras pruebas hasta ahora, este valor se ha distorsionado (en este caso concreto, 15 puntos por debajo de la calificación original y también significativamente por debajo de la calificación para dispositivos móviles) y, por tanto, es inutilizable.

El tiempo de carga (2) de sitioes el parámetro central con el que, por ejemplo, se pueden hacer comparaciones de rendimiento. Es la respuesta directa a la pregunta: ¿Cómo de rápido carga mi sitio? El número de peticiones HTTP (3) también es adecuado para estas comparaciones. Aquí se aplica lo siguiente: cuantas menos peticiones HTTP, mejor.

Una buena adición es el componente "Más rápido que" (4). En nuestro caso, esto indica que raidboxes.de es más rápida que el 75% de las otras páginas probadas en pingdom. Esta información puede utilizarse para una localización aproximada. Si, por ejemplo, ve que tusitio se carga más rápido que el 95% de las demás páginas, esto ya es un primer indicio de que tusitio es condenadamente rápida.

La sección "Performance Insights" también forma parte de la visión general. Aquí se presentan evaluaciones y sugerencias de soluciones para diversos aspectos relacionados con el rendimiento tussitio . Muy similar a las herramientas de Google o Yahoo. Es importante entender que aquí no se midió el tiempo de carga del sitio web, sino el potencial de optimización del tiempo de carga.

Pingdom Pontecial Analysis mide el tiempo de carga del sitio web
Como segunda parte de la medición del tiempo de carga, pingdom también emite este análisis potencial.

La segunda sección es el desglose detallado de sitio. Aquí obtendrá principalmente información sobre dos características centrales: La funcionalidad de cada una de las páginas y la composición de sitio.

En el área que ve a continuación, por ejemplo, vería todos los errores 404 tussitio . En nuestro caso de prueba, se puede ver aquí que 69 respuestas del servidor al navegador tuvieron lugar normalmente. Dos de estas solicitudes fueron remitidas.

Redirecciones de Pingdom Medir el tiempo de carga del sitio web
Pingdom también comprueba cuántos redireccionamientos, errores 400 y 500 se producen en tussitio .

En las áreas siguientes, las solicitudes HTTP y el contenido tussitio se desglosan por tipo y fuente. De este modo, puede ver rápidamente si un determinado tipo de contenido, como las imágenes, utiliza una cantidad de espacio especialmente grande o produce un número de peticiones especialmente elevado y, por tanto, ralentiza tusitio .

En nuestro caso, los scripts ocupan mucho espacio y provocan muchas peticiones. (1+2) Esto se debe principalmente a nuestra herramienta de asistencia, Intercom, al distintivo de Trusted Shops y a las peticiones de la propia sitio. (3) Junto con las solicitudes, también puede ver: Las solicitudes enviadas por la intercomunicación se refieren a paquetes de datos especialmente grandes. (4)

Los paquetes de datos de Pingdom miden el tiempo de carga del sitio web
Desglose de sitiopor solicitudes y tamaño de los paquetes de datos.

El diagrama de cascada muestra ahora con detalle el orden de ejecución de las peticiones y el tiempo que tarda en cargarse cada una de ellas. Esto significa que el diagrama de cascada es una vista detallada del tiempo de carga del sitio web tus.

También encontrará una leyenda al final de los resultados de la prueba que explica el significado de los símbolos y colores.

En nuestro caso, se ve en la parte superior la redirección de http a https (1), luego el primer contacto con el servidor (2) y después los tiempos de carga de los scripts individuales (3).

Gráfico de cascada pingdom Medir el tiempo de carga del sitio web
El diagrama de cascada de pingdom.

Pingdom también ofrece la posibilidad de mostrar exactamente qué partes de una solicitud tardan en cargarse. Esto permite determinar el tiempo hasta el primer byte (es decir, el tiempo que necesita el servidor hasta que se envía el primer paquete de datos), pero hay que recogerlo de los valores individuales.

Ejemplo: Si observa la primera petición de nuestro sitio, verá que tarda un total de 129 milisegundos. Consiste en una búsqueda de DNS, que tarda menos de un milisegundo, un llamado handshake SSL, que tarda 29 milisegundos, la conexión entre el navegador y el servidor, que tarda 52 milisegundos, el envío de los datos del navegador al servidor, un tiempo de espera de 47 milisegundos y, finalmente, la recepción de los primeros datos.

Vista detallada del diagrama de cascada Medir el tiempo de carga del sitio web
Vista detallada del diagrama de cascada. Si quiere medir el tiempo de carga de tus, puede ver exactamente cuánto tardan en cargarse determinados paquetes de datos.

Durante el tiempo de espera especificado, el servidor calcula todos los procesos PHP necesarios. Por lo tanto, este valor es muy adecuado si quiere comparar dos proveedores de alojamiento.

De este modo, se puede examinar cada solicitud individual y compararla con otro valor medido. De este modo, se puede determinar si el tiempo de carga tussitio ha mejorado tras una medida de optimización y, en caso afirmativo, por qué factor.

Ventajas: Pingdom proporciona datos relevantes muy rápidamente, con un alto valor informativo

En general, pingdom es una buena herramienta para medir el tiempo de carga de un sitio web. Se puede saber rápidamente con pingdom:

  • la rapidez con la que se carga un sitio
  • lo grande que es
  • donde todavía tiene potencial de optimización
  • cómo se puede aprovechar este potencial
  • cómo construir tussitio

Desventajas: Especialmente la indicación del tiempo de carga es muy inexacta

Sin embargo, la herramienta tiene dos limitaciones importantes: en primer lugar, sólo hay muy pocas ubicaciones de servidores disponibles para las pruebas. Esto no es una desventaja en sí misma, porque si se mide siempre con el mismo servidor, los resultados son perfectamente comparables. Sin embargo, esto es exactamente a lo que debes prestar atención cuando utilices la prueba. También debe elegir una ubicación del servidor que esté lo más cerca posible de tusgrupo principal de visitantes.

En segundo lugar, el tiempo de carga de sitiosólo se muestra de forma agregada. Esto significa que no se puede ver a qué valor se refieren los 1,84 segundos del ejemplo sin mirar el diagrama de cascada. Además, no se distingue entre la versión con y sin caché de sitio.

Probablemente la mayor desventaja de Pingdom es que no se puede ver el tiempo de carga percibido. En determinadas circunstancias, tusitio puede tardar diez, doce o trece segundos en cargarse, pero al cabo de sólo tres segundos parece estar completamente cargado. tusitio se percibiría así como mucho más rápido de lo que es. Pingdom, sin embargo, no ofrece la posibilidad de mostrar este tiempo de carga percibido (en la versión gratuita, eso sí). GTmetrix y webpagetest.org pueden hacerlo mejor.

Pingdom puede responder rápidamente a lo que suele ser la pregunta más importante: ¿A qué velocidad se carga mi sitio? La herramienta también revela mucho sobre la estructura de las páginas de tu. Pero puede ser aún mejor. En la siguiente parte de esta serie, examinaré más de cerca GTmetrix. Esta prueba proporciona aún más datos y es especialmente convincente con una función de vídeo y un análisis de series temporales tustiempo de carga de la página.

¿Con qué herramientas ha tenido la mejor experiencia en el análisis del rendimiento hasta ahora?

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.