UX TESTING
Las pruebas tipo UX o UX testing, ayudan a entender cómo es la experiencia de 1 usuario cuando accede una ubicación especifica (url) dentro de 1 sitio web. A diferencia de las pruebas tipo API (API Testing), la ejecución de pruebas UX no implica generación de carga concurrente sobre un endpoint. Estas pruebas se enfocan en entender aspectos clave que determinan el nivel de performance según el ranking dado por Google.
Performance scoring
En el caso de los escenarios UX, el performance scoring corresponde al cálculo ponderado de las métricas obtenidas para el sitio web objetivo del escenario. El performance scoring es una combinación de diferentes mediciones al desempeño de la interfaz web que se ofrece al usuario, entre las que se destacan: Tiempo para primer contenido, Tiempo para página interactiva, Tiempo de contenido más grande y Tiempo total de bloqueo.
Interpretación
El performance scoring es un valor entro 0 y 100. Mientras más cercano a 100, mejor es la experiencia de usuario. La siguiente tabla muestra los rangos de valores definidos por Google que indican la calidad de la experiencia que tendrá el usuario al interactuar con un sitio web.
| Rango | Descripción |
|---|---|
| 0 a 49 | Bajo. Los usuarios tendrán una mala experiencia al interactuar con la página. |
| 50 a 89 | Medio. La experiencia será "buena", pero se puede hacer mejoras. |
| 90 a 100 | Excelente. Los usuarios tendrán una muy buena experiencia al interactuar con la página. |
El cálculo del performance scoring pondera las 5 métricas de desempeñó de la página con los siguientes pesos:
| Métrica | Sigla | Peso |
|---|---|---|
| Total Blocking Time (Tiempo total de bloqueo) | TBT | 30% |
| Largest Contentful Paint (Elemento más grande que se muestra) | LCP | 25% |
| Cumulative Layout Shift (Cambio acumulativo en el diseño) | CLS | 25% |
| First Contentful Paint (Primer elemento en mostrarse completamente) | FCP | 10% |
| Speed Index | 10% |
Total Blocking Time (Tiempo total de bloqueo)
La métrica de tiempo total de bloqueo mide la cantidad total de tiempo después de mostrar el primer contenido (Tiempo para primer contenido) donde el hilo principal estuvo bloqueado durante el tiempo suficiente para evitar la capacidad de respuesta a las entradas de usuario. Corresponde a la suma de todos los tiempos de bloqueo que se dan después del Tiempo de primer contenido.
| Petición | Tiempo total | Tiempo de bloqueo |
|---|---|---|
| 1 | 200 mls | 130 mls |
| 2 | 180 mls | 50 mls |
| 3 | 300 mls | 180 mls |
| 4 | 150 mls | 120 mls |
| Tiempo Total de Bloqueo: | 480 mls |
Largest Contentful Paint (Elemento más grande que se muestra)
El tiempo de contenido más grande marca el punto del tiempo en el que probablemente se haya cargado el contenido principal de la página. El tiempo de contenido más grande informa el tiempo de renderizado (visualización) de la imagen o bloque de texto más grande visible en la ventana gráfica (viewport), en relación con el momento en que el usuario navegó por primera vez a la página.
Cumulative Layout Shift (Cambio acumulativo en el diseño)
Esta es una métrica que ayuda a entender cómo los movimientos inesperados de los elementos de la página afectarán la experiencia de los usuarios. Los movimientos inesperados de dichos elementos causan problemas como hacer que el usuario pierda el punto en que estaba leyendo, o hacer que haga click en elementos no deseados.
First Contentful Paint (Primer elemento en mostrarse completamente)
Indica cuanto tarda el browser en mostrar el primer elemento del DOM después de que un usuario ingresanavega a la página. Las imágenes, los elementos <canvas> que no estén en blancos y los SVG de su página se consideran contenido DOM. Todo lo que esté dentro de un iframe no está incluido.
Speed Index
El índice de velocidad mide la rapidez con la que se muestra visualmente el contenido durante la carga de la página.