Más sensación por favor al probar la velocidad del sitio web

Jan Hornung Última actualización 21.10.2020
6 min.
Velocidad del sitio web
Última actualización 21.10.2020

El tiempo de carga de un sitio web es importante. No hay duda de ello. Para la experiencia del usuario y la conversión. Pero para el visitante, lo importante no es el tiempo de carga real, sino la velocidad percibida del sitio web. Porque un usuario experimenta un sitio web sin conocer las métricas. Por lo tanto, el tiempo de carga percibido es un valor importante para optimizar la conversión y la tasa de rebote. Le mostramos cómo medirlo de forma fiable.

Todo el mundo lo sabe: has descubierto un nuevo producto emocionante o has encontrado el enlace a un artículo de un blog supuestamente interesante, haces clic en el enlace y al principio no pasa nada. El sitio permanece blanco durante unos segundos y luego los componentes de la página se acumulan con una lentitud agonizante. La compra o la inscripción a un newsletter de noticias es bastante improbable en un sitio como sitio .

Los colegas de Kissmetrix ya trataron hace tiempo la relación entre el tiempo de carga de la página y la tasa de conversión en las tiendas. El resultado: cada segundo cuenta. Porque el visitante medio es impaciente. Un tiempo de carga un segundo mayor puede suponer un siete por ciento menos de tasa de conversión. Con cada segundo que tu sitio tarda en cargar, usted pierde ventas.

Un antídoto puede ser la optimización Above the Fold. Esto significa optimizar el tiempo de carga de la zona de sitio que es visible sin desplazamiento. Esta medida reduce el tiempo de carga percibido, lo que a su vez puede conducir a mejores tasas de conversión.

Pero, ¿cómo se puede medir correctamente la velocidad percibida de las páginas web? Claro, puedes cargar el sitio en una pestaña de incógnito e intentar... bueno, sentir la diferencia. O puede confiar en una herramienta que le dé el tiempo de carga percibido como un valor tangible y comparable.

GTmetrix es una herramienta de este tipo. Permite medir el, en mi opinión, valor más importante del tiempo de carga tus sitio y lo hace comparable. Es muy fácil de usar y proporciona valiosos datos de medición.

Este artículo forma parte de una serie sobre la medición del tiempo de carga:

  1. En la primera parte, mostramos por qué es tan importante el tipo de datos que proporciona una prueba
  2. En la segunda parte muestro por qué la popular prueba PageSpeed Insights es absolutamente inadecuada para las comparaciones de rendimiento.
  3. La parte 3 le muestra los datos que necesita para hacer una buena comparación de rendimiento, por ejemplo, después de un cambio de hoster.

GTmetrix: Muchas recomendaciones de optimización, historial de velocidad del sitio web y función de vídeo.

El funcionamiento de GTmetrix es muy sencillo: se introduce la URL de la página sitio que se quiere probar y la herramienta escupe el resultado al cabo de unos instantes. La desventaja:

  • GTmetrix sólo ofrece una ubicación de servidor, Vancouver
  • GTmetrix prueba sólo con Firefox

Esto significa que los resultados de las mediciones de GTmetrix se aplican siempre a un visitante de Vancouver que utiliza un ordenador de sobremesa y Firefox tu sitio . Mientras se trabaje exclusivamente con GTmetrix al medir el rendimiento de tus , esto no afecta a los resultados. Pero si quiere saber la velocidad de carga de sitio para los visitantes de españoles , tiene que utilizar una herramienta diferente.

GTmetrix le ofrece cuatro grandes paquetes de datos:

  1. La visión general con los análisis potenciales y las cifras clave importantes
  2. El diagrama de cascada
  3. La función de vídeo (de pago)
  4. El análisis de las series temporales

La particularidad de la visión de conjunto: proporciona los resultados de dos posibles análisis al mismo tiempo

En este resumen se muestran todas las cifras clave importantes tus sitio . Además de los posibles análisis de Google (1) y Yahoo (2), encontrará el tiempo de carga de la página (3), es decir, el tiempo de carga tus sitio , el tamaño tus sitio (4) y el número de peticiones HTTP en Detalles de la página. (5)

Por cierto, el tiempo de carga y las peticiones HTTP son especialmente adecuados para comparar el rendimiento de dos sitios web o versiones de sitios web.

Mida correctamente la velocidad del sitio web con GTmetrix: Una visión general
En la "Región del Servidor de Prueba" y "Usando" es claramente visible: GTmetrix utiliza un servidor en Canadá y el navegador Firefox en su variante gratuita para determinar la velocidad del sitio web. En el caso de las páginas españoles , esta configuración de prueba implica tiempos de carga más largos.

Esta primera visión de conjunto incluye también los resultados detallados de los dos posibles análisis PageSpeed Insights y YSlow. Éstas muestran exactamente lo bien que se ha optimizado el sitio hasta ahora y dónde hay todavía margen de mejora. El hecho de que GTmetrix utilice dos conjuntos de reglas diferentes (uno de Google y otro de Yahoo) es encomiable. Porque esto le ofrece a usted como usuario más orientación. Si ambas pruebas sugieren una medida de optimización, lo más probable es que se trate de un paso de optimización importante en el que merece la pena trabajar.

La velocidad percibida del sitio web es importante. El resumen del análisis de potencial de GTmetrix le muestra dónde hay potencial de mejora.
Así es el análisis de potencial en GTmetrix. Nada nuevo, si ya has visto un resultado de Google PageSpeed Insights o los resultados de YSlow. A través de un desplegable se puede mostrar información detallada sobre los pasos individuales.

En su sección de ayuda, GTmetrix ofrece descripciones detalladas y ayudas a la interpretación. Esto hace que sea muy fácil, especialmente para los principiantes, familiarizarse con las complejas estructuras de resultados.

El diagrama de cascada es el corazón del análisis

Al igual que Pingdom, GTmetrix sólo revela los datos realmente interesantes en el llamado diagrama de cascada. Esto desglosa todos los paquetes de datos cargados (1) en orden cronológico (2) y con su tiempo de carga (3). Además, se muestra el tipo de solicitud (4), si la solicitud respectiva está bien (5) y si el servidor emite un error (6).

Vista detallada de un gráfico de cascada de GTmetrix para el análisis de la velocidad del sitio web.
El diagrama de cascada muestra en detalle qué factores tienen qué participación en la velocidad del sitio web.

Esta información detallada le permite ahora hacer comparaciones razonables de rendimiento entre dos páginas. Esto es relevante, por ejemplo, tras un cambio de hoster o una optimización onpage. Es importante que las mediciones se realicen siempre desde servidores en Canadá y a través del navegador Firefox. Si quieres probar otros parámetros, tienes que comprar GTmetrix o utilizar otra herramienta, por ejemplo webpagetest.org.

La vista detallada del tiempo de carga proporciona una imagen aún más precisa de los paquetes de datos individuales y su contribución a la velocidad del sitio web. En el ejemplo: el primer contacto con nuestro servidor. Se necesitan 5 milisegundos para la búsqueda de DNS, 167 milisegundos para que el cliente se conecte al servidor web y, tras 172 milisegundos, se descargan los primeros datos. El largo tiempo de espera de un buen segundo se debe en parte a la distancia geográfica del servidor de pruebas con respecto a la ubicación real del servidor. Así, la prueba proporciona las cifras de un cliente de Canadá.

Detalles de un diagrama de cascada para analizar la velocidad del sitio web
Desglose detallado de la primera petición del navegador al servidor web.

Principales ventajas de GTmetrix: Análisis de series temporales y función de vídeo para el tiempo de carga percibido.

Sin embargo, en comparación con la herramienta que presenté hace unos días, Pingdom, GTmetrix ofrece dos ventajas claras:

  1. un análisis libre de series temporales
  2. un análisis de vídeo de pago

1) El análisis de las series temporales

Comparar el tiempo de carga de tus sitio a lo largo de varios días o semanas puede ser muy informativo. Por ejemplo, si optimizas tu sitio paso a paso durante varias semanas. La función de historial proporciona esta información de series temporales (en la versión gratuita) para tres dimensiones: El tiempo de carga de sitio, el número de peticiones HTTP y el tamaño de sitio y las puntuaciones de los análisis potenciales YSlow y PageSpeed Insights.

Comparación de series temporales de la velocidad del sitio web en GTmetrix
No se muestra en la imagen: el análisis de las series temporales de los análisis potenciales. Sin embargo, estos no son relevantes para la velocidad del sitio web en un principio.

2) El análisis de vídeo - la única indicación real del tiempo de carga de la página percibida, desgraciadamente facturable

Ahora llegamos por fin a la característica que hace que GTmetrix sea tan valioso. Y también mejor que Pingdom, por ejemplo: la función de vídeo. En dicho vídeo, se muestra la estructura de la página. Lógico. Pero este sencillo truco permite obtener una clara diferenciación entre el tiempo de carga medido y el tiempo de carga sentido. Lamentablemente, la herramienta sólo es accesible tras registrarse en GTmetrix (y probablemente sólo tras adquirir el servicio). Esto no tiene por qué ser así, porque webpagetest.org ofrece esta función de vídeo, por ejemplo, gratis .

Conclusión: Una verdadera medición profesional necesita información sobre el tiempo de carga percibido

Para el análisis del tiempo de carga y, sobre todo, de la experiencia del tiempo de carga de los usuarios, la función de vídeo es elemental. Porque permite hacer comparaciones a un nivel abstraído de los datos desnudos. Sólo podemos recomendar pruebas que permitan el análisis de vídeos. Porque en algunas circunstancias, el tiempo de carga medido es bastante alto, pero el tiempo de carga percibido es absolutamente justificable. El valor le permite no sólo entender mejor cómo los clientes o usuarios perciben la oferta de tu , sino también si una optimización de la página con respecto al rendimiento merece la pena. En determinadas circunstancias, puede merecer más la pena invertir en la optimización de la conversión que en el tiempo de carga de sitio.

En definitiva, GTmetrix es otra buena herramienta para medir el tiempo de carga de sitio . Ofrece un poco más de información que Pingdom, ya que la versión gratuita de GTmetrix incluye dos posibles análisis. Las funciones realmente interesantes están ocultas tras el muro de pago, pero básicamente están ahí, para que puedas entender muy bien el rendimiento de tus sitio con GTmetrix y también controlar su desarrollo.

Pero para nosotros GTmetrix no es el número uno de las herramientas gratuitas. Porque puede ser aún mejor: webpagetest.org es para nosotros el no-plus-ultra de las herramientas de medición gratuitas. Sin embargo, la herramienta también es la que más exige al usuario.

¿Ha tenido alguna experiencia con otras herramientas de medición que puedan proporcionar datos aún mejores?

RAIDBOXER desde el inicio y Jefe de Apoyo. En el bar y WordCamps le gusta hablar de PageSpeed y del rendimiento de los sitios web. La mejor manera de sobornarlo es con un expreso o un pretzel bávaro.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.