Google Chrome está probando una nueva forma de medir los vitales web básicos en aplicaciones de una sola página (SPA), que es un punto ciego de larga data en el seguimiento de rendimiento que afecta las auditorías de SEO y las señales de clasificación.
Comenzando con Chrome 139, los desarrolladores pueden optar por una prueba de origen para la API de navegaciones suaves. Esto permite la medición de métricas como LCP, CLS e INP, incluso cuando una página actualiza el contenido sin una recarga completa.
Por qué esto importa para SEO
Los spas son populares para la velocidad y la interactividad, pero han sido notoriamente difíciles de monitorear usando herramientas como Lighthouse, datos de campo en Crux o scripts reales de monitoreo de usuarios.
Esto se debe a que los spas a menudo actualizan la página usando JavaScript sin activar una navegación tradicional. Como resultado, los sistemas de medición de Google y la mayoría de las herramientas de rendimiento se pierden esas actualizaciones al calcular los vitales de la web central.
Esta nueva API tiene como objetivo cerrar esa brecha, lo que le brinda una imagen más clara de cómo funciona su sitio en el mundo real, especialmente después de que un usuario hace clic o navega dentro de una interfaz similar a una aplicación.
Lo que hace la nueva API
La API de navegaciones suaves de Chrome utiliza heurísticas incorporadas para detectar cuando ocurre una navegación suave. Por ejemplo:
- Un usuario hace clic en un enlace
- Las actualizaciones de la URL de la página
- El Dom cambia visiblemente y desencadena una pintura
Cuando se cumplen estas condiciones, Chrome ahora lo trata como un evento de navegación para la medición del rendimiento, aunque no se produjo una carga de página completa.
La API presenta nuevas métricas y mejoras, que incluyen:
interaction-contentful-paint– le permite medir la pintura contenta más grande después de una navegación suavenavigationId-Agregado a las entradas de rendimiento para que las métricas puedan vincularse a navegaciones específicas (cruciales cuando las URL cambian a mitad de la interacción)- Extensiones a cambio de diseño, Tiempo de eventosy INP trabajar a través de navegaciones suaves
Cómo probarlo
Puede probar esta función hoy en Chrome 139 usando cualquiera de los dos:
- Prueba local: Permitir
chrome://flags/#soft-navigation-heuristics - Juicio de origen: Agregue un token a su sitio a través del encabezado metaetic o http para recopilar datos reales del usuario
Chrome recomienda habilitar el indicador de «Atribución de pintura avanzada» para los datos más completos.
Cosas a tener en cuenta
Barry Pollard de Chrome, que lidera esta iniciativa, enfatiza que la API sigue siendo experimental:
“¿Quieres medir los vitales de la web central para los spas?
Bueno, hemos estado trabajando en la API de navegaciones suaves para eso y estamos lanzando una nueva prueba de origen de Chrome 139.
¡Tómelo para ejecutar en su aplicación y vea si detecta correctamente las navegaciones suaves en su aplicación y háganos saber si no es así! ”
Esto es lo que debes saber:
- Las métricas pueden no ser compatibles con versiones cromadas más antiguas u otros navegadores
- Es posible que su proveedor de ron necesite apoyar
navigationIdyinteraction-contentful-paintpara rastrear - Algunos casos de borde, como redirecciones automáticas o
replaceState()uso, puede no registrarse como navegaciones
Mirando hacia el futuro
Esta prueba es un paso para hacer que los vitales de Web Core sean más precisos para los sitios web modernos de JavaScript-Heavy.
Si bien la API aún no está integrada en los informes de rendimiento público de Chrome como Crux, eso podría cambiar si la prueba resulta exitosa.
Si su sitio se basa en React, Vue, Angular u otros marcos de spa, ahora es su oportunidad de probar qué tan bien el nuevo enfoque de Chrome captura la experiencia del usuario.
Imagen destacada: Roman Samborskyi/Shutterstock
