Tester versión 2: Datos de usuarios del Chrome UX Report y otros cambios

Cuando comenzamos el desarrollo del tester en PageSpeed.ONE el año pasado, teníamos dos objetivos. Crear una herramienta que se integrara en nuestros procesos de trabajo para medir la velocidad web y, al mismo tiempo, mejorar la concienciación sobre la importancia de la velocidad.

Con el lanzamiento de la segunda versión, hemos avanzado un poco más en el cumplimiento de estos objetivos. Ahora, nuestro tester facilita la interpretación del estado y la evolución de las métricas Core Web Vitals para el dominio de tu sitio web, lo que te permitirá cumplir mejor con las recomendaciones del update Page Experience de Google.

El instrumento ha recibido numerosas novedades; aquí seleccionamos las más importantes:

• ¿Cómo evoluciona la velocidad en los usuarios? Datos del Chrome UX Report
• Resumen del estado del sitio web y cambios en métricas
• Períodos en gráficos y cambio según métricas

Los cambios también aparecerán en tus pruebas anteriores, o puedes crear una nueva en pagespeed.one. Ahora, veamos esas prometidas novedades.

¿Cómo evoluciona la velocidad en los usuarios? Datos del Chrome UX Report#

Como quizás sepas, Google, en su actualización Page Experience, planea dar mayor énfasis a la velocidad y la experiencia del usuario en la web.

La evaluación de todas las páginas de un dominio o de una página específica se basará en los datos de los usuarios de Chrome, que están disponibles públicamente como el Chrome UX Report (CrUX).

Hay varias formas de obtener estos datos: mediante consultas de programación a las bases de datos de Google, creando un tablero en Data Studio... aunque ninguna es tan conveniente como desearíamos o considera las especificidades locales.

En el tester de PageSpeed.ONE, ahora puedes obtener estos datos simplemente introduciendo la dirección de tu sitio web en la prueba.

En el reporte "Dominios", verás el desarrollo de datos mensuales para todos los dominios probados y las métricas Web Vitals (LCP, INP, CLS).

Puedes alternar los datos según el tipo de dispositivo (Móvil, Tablet, Escritorio) o según el tipo de visualización: distribución o percentil 75:

Veamos las diferencias entre estos tipos de visualización:

• El gráfico "Distribución" muestra qué parte de tus usuarios cumple con la métrica (verde), cuál necesita mejora (naranja) y para cuál Google considera que la experiencia del usuario es lenta.
• El gráfico "75. percentil" es aún más interesante: te muestra el valor en el percentil 75, que es el valor en la línea marcada en el gráfico "Distribución". Al mismo tiempo, es el número que interesa a Google. Por ejemplo, en la imagen, ves que el valor LCP para el dominio mironet.cz en marzo de 2021 (a la derecha) es de 2,0 segundos. El máximo para cumplir con la métrica según Google es 2,5 segundos, así que todo está bien, lo cual se indica en verde.

Nota: En el reporte "Dominios", descargamos datos del Chrome UX Report para los usuarios web de Chequia y Eslovaquia, así que si operas un servicio para visitantes extranjeros, es posible que no veas los datos allí.

¿Para qué sirve la comparación de dominios?#

Si te ocupas de la velocidad, es esencial abordarla a largo plazo y saber cómo te posicionas entre los usuarios reales, cómo está la competencia y cómo Google evalúa el sitio web. Todo esto lo descubrirás en nuestro resumen "Dominios".

Mostramos estos gráficos a nuestros clientes durante el trabajo a largo plazo en la optimización de la velocidad, y son cruciales para evaluar si el trabajo está dando sus frutos.

Veamos qué se puede extraer de este gráfico para uno de los sitios web de nuestros clientes:

Las barras verdes en los números de marzo de 2021 (a la derecha) para las métricas LCP y FID nos indican que cumplimos con dos de las tres métricas Web Vitals para todo el dominio. Además, del gráfico podemos ver que el estado de las métricas es bastante estable. Esa es la parte positiva del reporte.

La parte negativa es la métrica CLS "inquieta", que en marzo de 2021 se disparó para todo el dominio desde el máximo recomendado de 0,1. Así que algo está sucediendo y deberíamos actuar. Solo un detalle: son datos de usuarios. No necesariamente significa que algo haya cambiado para peor en el sitio web, sino que puede ser que algo haya cambiado para los usuarios, o incluso que el cálculo de la métrica haya cambiado.

En este caso, tenemos suerte, aunque no sé si esa es la expresión correcta: aquí influyen los tres factores. Además de las modificaciones en el sitio web, los usuarios también actualizaron a una nueva versión de Chrome, que calcula de manera algo distinta el Cumulative Layout Shift.

Así que veo el estado y veo la evolución. Eso es precisamente lo que necesito para el trabajo a largo plazo en el proyecto.

Quizás hayas notado que también descargamos datos para la velocidad del backend (TTFB), una métrica que no es parte de Core Web Vitals. Esto es para que puedas evaluar fácilmente si un LCP lento se debe más a problemas del frontend o del backend.

Confiamos en que los nuevos datos en los reportes también te serán de ayuda.

Pestaña "Resumen" y cambios en métricas#

En la nueva pestaña "Resumen", mostramos el estado de la velocidad de la página principal medida en un día dado. También agregamos información sobre los cambios en las métricas a corto y largo plazo.

Anteriormente, ya podías ver aquí el estado de la velocidad de la página medida. Si tenemos datos de los usuarios del Chrome UX Report, mostramos cuatro "medidores", de lo contrario, solo uno, de la medición con Lighthouse:

Observa que ahora destacamos el desarrollo de las métricas a lo largo del tiempo. Aquí te notificamos cambios en los valores de las métricas superiores al 15 % al compararlos con el estado de la semana anterior.

La velocidad del dominio es nueva en esta sección. Si hay suficientes datos de usuarios en el Chrome UX Report, aquí verás tres "medidores" para los Core Web Vitals y nuevamente el desarrollo en el tiempo. Esta vez comparamos el estado actual hasta hoy con el estado de hace un mes, ya que aquí consideramos más apropiado seguir el desarrollo a largo plazo:

Los datos en la pestaña "Resumen" provienen del API de PageSpeed Insights y los números de usuario de CrUX aquí representan un promedio acumulativo de los últimos 28 días. Por eso, los datos en la pestaña "Resumen", así como en "Medición", pueden diferir de los datos en la pestaña "Dominios", que están por meses.

Más información sobre el reporte "Resumen" en la documentación.

Períodos en gráficos y cambio según métricas#

Este cambio es uno de los más solicitados. Históricamente, no usamos filtros en los gráficos, al principio no eran necesarios. Pero para algunos dominios, hemos estado monitoreando las métricas de velocidad casi diariamente durante casi un año y a menudo quisiéramos ver el desarrollo en el último mes o en los últimos tres meses:

Ahora también es posible en algunos gráficos cambiar las métricas que vemos. ¿A quién no le interesaría, por ejemplo, el desarrollo del LCP medido con Lighthouse?

Primer consejo: ¿Has notado que en los gráficos puedes desactivar la visualización de las URLs medidas para obtener un gráfico limpio para una de ellas?

Segundo consejo: Haz clic en un punto del gráfico y obtendrás un informe Lighthouse completo para esa URL y esa prueba.

Pequeños ajustes#

En la versión 2, también introdujimos una serie de otros cambios; aquí está la lista de los más importantes:

• Ajustamos el diseño de los "medidores" en el resumen del test para que reflejen mejor el estado de la métrica.
• Dividimos el contenido del test en pestañas, agregamos explicaciones sobre lo que encontrarás en ellas e hicimos una serie de otros ajustes para una interfaz más clara.
• Arreglamos la funcionalidad al usar el botón Atrás en el navegador.
• Ahora explicamos más las posibles errores que devuelve PageSpeed Insights.

¿Cómo usar las novedades del tester de PageSpeed.ONE?#

Para nuestros clientes, siempre creamos dos tests:

1. Un test para el dominio del cliente y sus competidores. Aquí, en la pestaña "Dominios", verás cómo se desempeña el dominio del cliente en términos de velocidad y cómo está el mercado en el que busca tener éxito.
2. Un test para las páginas de entrada del sitio web. Además de la página principal, también incluimos, por ejemplo, el detalle de un artículo o la categoría de artículos en sitios de contenido. El informe Web Vitals de Google Search Console ayuda a seleccionar las URLs adecuadas.

Si un cliente utiliza múltiples dominios o subdominios, creamos otro test solo para estos dominios. Los datos de CrUX pueden diferir para los dominios example.cz y subdomena.example.cz.

¿Te gustan las novedades en el tester? ¿O hay algo que te falta? Escríbenos a info@pagespeed.cz. Agradecemos cualquier retroalimentación o idea.