Medir el tiempo de carga del sitio web

3 herramientas que realmente te ayudan a medir el tiempo de carga de tu sitio web tus

¿Cómo de rápido se carga mi sitio web? Esta es una de las cuestiones centrales del rendimiento, la UX y la optimización de los motores de búsqueda. Para responder a esta pregunta, debes apoyarte en 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 utilizar una de ellas, Pingdom.

En la web hay artículos muy buenos sobre herramientas con las que todo 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 provocar más confusión que claridad a 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 que los usuarios intenten hacer comparaciones de rendimiento con datos totalmente inadecuados. Es una pena, porque medir con las herramientas adecuadas ahorra mucho tiempo y problemas.

Todo usuario que quiera medir el rendimiento de su sitio web debe conocer una diferencia: la diferencia entre los análisis de potencial y las herramientas que miden el tiempo de carga de un sitio web. El primer grupo incluye pruebas como Google PageSpeed Insights y el 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 sobre todo eso es lo que quieres saber: ¿Cuánto tiempo tarda en construirse mi sitio web, en que los clientes interactúen con él y en que yo gane dinero? Y aquí está el problema: por lo que sabemos, sólo hay tres herramientas gratuitas que proporcionan datos realmente buenos:

Por eso, en éste y en otros dos artículos, te mostraré qué pueden hacer las tres herramientas de medición, cómo utilizarlas y cómo interpretar los datos para que puedas sacar el máximo partido a 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.
  • Salir con un alto nivel de detalle.
  • Consiste en los resultados de varios métodos de medición que se pueden comparar.

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

El nivel de detalle de los datos significa que no sólo se da información sobre el tiempo, sino también una descripción detallada de lo que realmente se midió. Dos herramientas pueden perfectamente 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 emita 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, puedes ver rápidamente qué ajustes puedes hacer para optimizar el tiempo de carga.

Otras herramientas que conocemos sólo ofrecen esas posibilidades de forma limitada o no las ofrecen en absoluto, por lo que pueden dar lugar a problemas de comprensión y, por tanto, de interpretación. Sin embargo, para ti, 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 tanto, merece la pena examinar más detenidamente este tipo de diagrama.

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

Mide el tiempo de carga del sitio web con Pingdom. Esta es 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 especialmente bien en qué orden se construye el sitio web tu y qué tamaño tienen los distintos bloques de construcción

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

  • introduce primero el dominio que se va a probar
  • a continuación, selecciona 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 construye el sitio web tu para los clientes de diferentes regiones. En estas pruebas, la ubicación del servidor indica desde qué lugar se accede al sitio web tu para medir la velocidad.

Asegúrate de utilizar siempre la misma ubicación del servidor, especialmente para las comparaciones de rendimiento. Esta es la única manera de comparar los resultados. Si el tiempo de carga de tus se mide una vez desde Estados Unidos y otra desde Frankfurt, los tiempos de carga para un visitante de Alemania diferirán significativamente.

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 del test de Pingdom.

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

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

Justo al principio, se dan los tres datos clave más importantes para entender el rendimiento del sitio web tus :

  • el grado del análisis potencial (1)
  • el tiempo de carga del sitio web (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) del sitio web es 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 se carga mi sitio web? 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ápido que el 75% de los otros sitios web probados en pingdom. Esta información puede utilizarse para una localización aproximada. Si, por ejemplo, ves que tu carga más rápido que el 95% de los demás sitios web, esto ya es un primer indicio de que tu es condenadamente rápido.

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

El análisis pingdom pontecial 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 del sitio web. Aquí recibirás información sobre dos características centrales: La funcionalidad de las páginas individuales y la composición del sitio web.

Por ejemplo, en el área que ves a continuación, verías todos los errores 404 del sitio web tus . En nuestro caso de prueba, puedes ver aquí que 69 respuestas del servidor al navegador se produjeron con normalidad. Se remitieron dos de estas solicitudes.

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

En las áreas siguientes, las peticiones HTTP y el contenido de tus se desglosan por tipo y fuente. De este modo, puedes ver rápidamente si un determinado tipo de contenido, como las imágenes, está consumiendo una cantidad de espacio especialmente grande o está produciendo un número de peticiones especialmente elevado y, por tanto, ralentizando el sitio web tu .

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 solicitudes del propio sitio web. (3) En combinación con las solicitudes también puedes ver: Las solicitudes enviadas por el interfono se refieren a paquetes de datos especialmente grandes. (4)

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

El diagrama de cascada te 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 visión detallada del tiempo de carga del sitio web tus .

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

En nuestro caso, ves 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 distintos scripts (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 te 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 tienes que recogerlo de los valores individuales.

Un ejemplo: Si observas la primera petición de nuestro sitio web, verás 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 quieres medir el tiempo de carga de tus , puedes 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 tanto, este valor es muy adecuado si quieres comparar dos proveedores de alojamiento.

De este modo, puedes mirar cada solicitud individual y compararla con otro valor medido. De este modo, puedes determinar si el tiempo de carga de tus ha mejorado tras una medida de optimización y, si es así, por qué factor.

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

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

  • la velocidad de carga de un sitio web
  • qué tamaño tiene
  • donde todavía tiene potencial de optimización
  • cómo se puede aprovechar este potencial
  • cómo se construye el sitio web tus

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í, porque si siempre mides con el mismo servidor, los resultados son perfectamente comparables. Sin embargo, esto es exactamente a lo que debes prestar atención cuando utilices el test. También debes elegir una ubicación del servidor que esté lo más cerca posible de tus grupo principal de visitantes.

En segundo lugar, el tiempo de carga del sitio web sólo se muestra de forma agregada. Esto significa que no puedes 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 en caché y sin caché del sitio web.

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

Pingdom puede responder rápidamente a lo que suele ser la pregunta más importante: ¿Cómo de rápido se carga mi sitio web? 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 detenidamente 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 del tiempo de carga del sitio web tus .

¿Con qué herramientas has 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á. Los campos obligatorios están marcados con *.