Google Chrome est essai Une nouvelle façon de mesurer les vitaux du Web de base dans les applications à page unique (SPAS), qui est un angle mort de longue date dans le suivi des performances qui affecte les audits SEO et les signaux de classement.
À partir de Chrome 139, les développeurs peuvent opter pour un essai d’origine pour l’API Soft Navigations. Cela permet la mesure de mesures comme LCP, CLS et INP même lorsqu’une page met à jour le contenu sans rechargement complet.
Pourquoi cela compte pour le référencement
Les spas sont populaires pour la vitesse et l’interactivité, mais ils ont été notoirement difficiles à surveiller à l’aide d’outils tels que le phare, des données sur le terrain dans le nœud ou de véritables scripts de surveillance des utilisateurs.
En effet, les spas mettent souvent à jour la page à l’aide de JavaScript sans déclencher une navigation traditionnelle. En conséquence, les systèmes de mesure de Google et la plupart des outils de performance manquent ces mises à jour lors du calcul des vitaux du Web de base.
Cette nouvelle API vise à combler cet écart, vous donnant une image plus claire de la façon dont votre site fonctionne dans le monde réel, en particulier après qu’un utilisateur a cliqué ou navigué dans une interface de type d’application.
Ce que fait la nouvelle API
L’API de Navigations Soft Navigations utilise une heuristique intégrée pour détecter quand une navigation douce se produit. Par exemple:
- Un utilisateur clique sur un lien
- Les mises à jour de l’URL de la page
- Le dom change visiblement et déclenche une peinture
Lorsque ces conditions sont remplies, Chrome le traite désormais comme un événement de navigation pour la mesure des performances, même si aucune charge pleine page ne s’est produite.
L’API présente de nouvelles métriques et améliorations, notamment:
interaction-contentful-paint– Vous permet de mesurer la plus grande peinture contente après une navigation doucenavigationId– Ajouté aux entrées de performance afin que les mesures puissent être liées à des navigations spécifiques (cruciale lorsque les URL changent à mi-interaction)- Extensions de décalage de mise en page, timing d’événementet Inp travailler sur les navigations douces
Comment l’essayer
Vous pouvez tester cette fonctionnalité aujourd’hui dans Chrome 139 en utilisant soit:
- Tests locaux: Activer
chrome://flags/#soft-navigation-heuristics - Procès d’origine: Ajoutez un jeton à votre site via Meta Tag ou en-tête HTTP pour collecter des données utilisateur réelles
Chrome recommande d’activer l’indicateur «Advanced Paint Attribution» pour les données les plus complètes.
Choses à garder à l’esprit
Barry Pollard de Chrome, qui dirige cette initiative, souligne L’API est toujours expérimentale:
«Vous voulez mesurer les vitaux du Web de base pour les spas?
Eh bien, nous avons travaillé sur l’API Soft Navigations pour cela et nous lançons un nouvel essai d’origine de Chrome 139.
Prenez-le pour une course sur votre application et voyez si cela détecte correctement les navigations douces sur votre application et faites-nous savoir si ce n’est pas le cas! «
Voici ce que tu devrais savoir:
- Les mesures peuvent ne pas être prises en charge dans les versions chromées plus anciennes ou autres navigateurs
- Votre fournisseur de rhum peut devoir soutenir
navigationIdetinteraction-contentful-paintpour le suivi - Certains cas de bord, comme les redirections automatiques ou
replaceState()usage, peut ne pas s’inscrire comme navigations
En avant
Cet essai est une étape vers la rendez-vous des Vitals du Web de base plus précis pour les sites Web modernes lourds JavaScript.
Bien que l’API ne soit pas encore intégrée dans les rapports de performance publique de Chrome comme Crux, cela pourrait changer si l’essai s’avère un succès.
Si votre site repose sur React, Vue, Angular ou d’autres cadres spa, c’est maintenant votre chance de tester la façon dont la nouvelle approche de Chrome capture l’expérience utilisateur.
Image en vedette: Roman Samborskyi / Shutterstock
Commentaires