Google añade métricas de navegación suave a CrUX

Introducción a las métricas de navegación suave

Google ha introducido métricas experimentales de navegación suave en el Chrome User Experience Report (CrUX). Estas métricas están diseñadas para medir los cambios en la página dentro de aplicaciones de una sola página (SPA) sin una recarga completa. Esta actualización es significativa para los sitios que dependen en gran medida de las SPA, ya que pueden experimentar tasas de aprobación más altas en las métricas de Core Web Vitals. Para la mayoría de los sitios, que no utilizan tanto las navegaciones suaves, el impacto será mínimo.

Detalles de la nueva actualización

La actualización en CrUX incluye tres nuevos campos: experimental_largest_contentful_paint_with_softnavs, entre otros para INP y CLS. Estos campos miden las mismas métricas que las versiones estables, pero ahora incluyen tanto las cargas completas como los eventos de navegación suave detectados. Antes de esta inclusión, CrUX solo medía la primera carga de una SPA, agrupando los cambios posteriores con esa carga inicial.

Con la capacidad de detectar y registrar eventos de navegación suave, cada vez que las acciones de un usuario provocan un cambio en el contenido y la URL, se rastrea individualmente. Esto proporciona métricas asociadas bajo la URL de destino, cumpliendo con los criterios de elegibilidad normales. Este cambio ha sido posible gracias a la API de Navegaciones Suaves, que está activada por defecto desde la versión de Chrome 151.

Impacto en los sitios web

Google ha clasificado los orígenes de CrUX según la proporción de sus vistas de página que son navegaciones suaves. Entre el 66% y el 75% de los orígenes tienen menos del 5% de estas navegaciones, dependiendo de la plataforma. Solo el 7% en Android y el 10.6% en escritorio tienen más de la mitad. Entre los 1,000 principales sitios, el 35% en Android y el 42% en escritorio dependen de las navegaciones suaves para más de la mitad de sus vistas de página.

Para los sitios donde más de la mitad de las vistas de página son navegaciones suaves, las tres métricas mejoran. En orígenes de Android con un 75% a 100% de navegaciones suaves, la proporción con buen LCP es del 26% en la métrica estable y del 87% en la experimental. Esto no se debe a que las SPA sean más rápidas que los sitios de múltiples páginas, sino a que los clics de seguimiento son más rápidos en cualquier sitio.

Mejoras en las métricas

El INP mejora al medir la capacidad de respuesta por vista de página en lugar de utilizar la interacción más lenta de una sesión. Esto duplica aproximadamente las tasas de aprobación en Android para sitios que dependen principalmente de navegaciones suaves. Sin embargo, los sitios con muchas SPA aún están por detrás de los sitios de múltiples páginas en INP, ya que el uso intensivo de JavaScript durante los cambios de página puede afectarlo.

Los cambios realizados en CLS también han mejorado la situación, ya que todos los eventos de cambio de diseño ahora se agrupan por vista en lugar de por sesión. Esto pone a los sitios de escritorio con muchas SPA a la par con los sitios de múltiples páginas; Android sigue ligeramente rezagado.

Perspectivas futuras

Chrome sigue considerando estas métricas como experimentales y solicita retroalimentación de los usuarios a través del grupo de feedback web-vitals y el repositorio de especificaciones de navegaciones suaves en GitHub. Se espera que haya algunos cambios de mes a mes a medida que las mediciones mejoren, por lo que es mejor interpretar los nuevos números con cautela hasta que se estabilicen.

El lanzamiento de CrUX de noviembre será el próximo punto de control, con la expectativa de que las métricas se integren en el Search Console después de mayo de 2027, si la retroalimentación es positiva. Esto podría marcar un cambio significativo en cómo se evalúa el rendimiento de las SPA en el futuro.