Contenu partenaire

Comment intégrer SpeedCurve au suivi des Core Web Vitals

Un guide pratique des libellés de page, des mesures de terrain, des tests synthétiques et des limites du suivi.

Des fenêtres de navigateur sont reliées à un panneau central de symboles abstraits de performance.
Illustration : observations de navigateurs réunies pour analyser les performances, sans résultats mesurés.

SpeedCurve associe le suivi des utilisateurs réels à des tests synthétiques reproductibles pour identifier les visiteurs confrontés à des pages lentes et examiner ce qui a changé. Le service convient aux sites qui ont besoin d'un diagnostic continu selon les versions, les modèles de page et les appareils. Il fournit des éléments pour décider : installer un script de suivi n'améliore pas, à lui seul, les Core Web Vitals.

Ce que SpeedCurve apporte au travail sur les performances

Un test de laboratoire décrit une page dans des conditions choisies. Le suivi des utilisateurs réels, généralement appelé RUM, mesure les visites pendant l'utilisation effective du site. SpeedCurve propose les deux approches. Sa documentation décrit un tableau de bord Vitals qui réunit résultats synthétiques et données RUM lorsque la collecte est activée, avec des vues plus détaillées pour approfondir l'analyse.

La plateforme de suivi des performances SpeedCurve devient pertinente lorsqu'une seule URL de test ne représente plus correctement le site. Un éditeur peut devoir distinguer les modèles d'article des pages de catégorie. Une boutique peut devoir séparer la recherche de produits du parcours d'achat. Ces expériences diffèrent même si elles partagent un domaine et un système de conception.

La documentation présente aussi des libellés de page, des budgets de performance et des vues des déploiements. Ces éléments permettent d'identifier un groupe de pages touché, d'examiner une version et de consigner le travail nécessaire. Ils ne prouvent pas que le dernier déploiement explique chaque mouvement d'une courbe. La composition du trafic et les changements de collecte doivent également être examinés.

Définir des groupes de pages utiles avant la mesure initiale

Commencez par les questions sur lesquelles l'équipe peut agir. Pour un éditeur, il peut s'agir de savoir si le modèle d'article charge rapidement son image principale et si le menu mobile répond correctement. Le plan initial doit nommer les modèles, les appareils et les interactions importantes. Une abondance de métriques aide peu si personne ne prend en charge les tâches qu'elles font apparaître.

SpeedCurve utilise par défaut le titre du document comme libellé de page RUM. Cela peut produire un niveau de détail excessif : chaque titre d'article pourrait former un groupe distinct. Le service documente des règles d'URL et une API JavaScript pour attribuer les libellés. Choisissez des libellés de modèle stables pour comparer de nombreuses pages similaires.

Faites correspondre les libellés des tests synthétiques et ceux du RUM. SpeedCurve indique expressément que cet alignement est nécessaire pour rapprocher les deux jeux de données dans les tableaux de bord concernés. Vérifiez des URL représentatives avant de généraliser. Une page produit classée par erreur avec les résultats de recherche peut produire une courbe plausible, mais une comparaison peu utile.

Consignez les règles de classement avec l'implémentation. SpeedCurve précise qu'une modification des libellés ne reclasse pas les pages vues déjà collectées. Si vous changez les groupes pendant une investigation, considérez-le comme un changement de mesure. Notez sa date et ne présentez pas la tendance obtenue comme une comparaison continue de la même population.

Lire les Core Web Vitals avec leur population de référence

Google définit de bonnes Core Web Vitals par un LCP inférieur ou égal à 2,5 secondes, un INP inférieur ou égal à 200 millisecondes et un CLS inférieur ou égal à 0,1, évalués au 75e percentile. Le LCP concerne le chargement, l'INP la réactivité et le CLS la stabilité visuelle. Ces seuils classent une expérience sans indiquer quelle modification technique résoudra le problème.

Un rapport utile précise donc sa population. Indiquez le groupe de pages, le segment d'appareils, la période et l'échantillon disponible. Le percentile des pages produit sur mobile et celui du site entier, tous appareils confondus, répondent à des questions différentes. Les traiter comme équivalents peut masquer précisément le problème recherché.

Utilisez la référence des seuils Core Web Vitals pour interpréter les valeurs, puis revenez au segment touché. Examinez la distribution en plus du percentile. Une modification de la composition des visites peut déplacer un résultat global sans changement du modèle de page.

Une donnée absente doit être expliquée

Une mesure manquante ne constitue pas un résultat satisfaisant. Vérifiez que la collecte a fonctionné et que le navigateur, le cycle de vie de la page et le comportement du visiteur permettaient de transmettre la métrique avant de conclure.

Utiliser les tests synthétiques pour examiner un problème observé sur le terrain

Les données de terrain permettent de repérer une expérience à examiner. Un test contrôlé facilite la vérification d'une explication proposée. Cette distinction compte lorsque la lenteur apparaît seulement sur certains appareils, après une interaction précise ou dans un état qu'un simple test de navigation n'atteint jamais.

Le guide des données de terrain et de laboratoire explique leurs divergences possibles. SpeedCurve documente des vues d'investigation séparées pour le synthétique et le RUM. Utilisez-les comme des éléments complémentaires. Ne calculez pas une moyenne commune et ne présentez pas un seul test synthétique comme l'expérience de tous les visiteurs.

Avant de modifier le site, formulez une hypothèse courte. Un exemple purement illustratif serait qu'un nouveau modèle d'article retarde la découverte de l'image principale par le navigateur. C'est une explication à vérifier, pas un résultat établi. Choisissez une page représentative et examinez le chargement des ressources dans des conditions constantes, avant et après une modification ciblée.

Revenez ensuite au RUM. Comparez le même groupe de pages et le même segment d'appareils sur une période adaptée, en vérifiant l'évolution du trafic. Si le test contrôlé s'améliore mais pas la distribution de terrain correspondante, cherchez l'origine de l'écart. La page testée, la version servie, l'état du consentement ou le segment étudié peuvent mal représenter les visites encore touchées.

Transformer un budget de performance en tâche attribuée

SpeedCurve documente des budgets de performance et des vues qui rapprochent les déploiements enregistrés des changements de performance. Ces fonctions sont utiles seulement si l'équipe convient de la suite à donner. Définissez qui reçoit un signalement, quels éléments sont nécessaires et comment distinguer une régression liée à une version des variations ordinaires.

Une fiche d'investigation peut rester courte. Indiquez le modèle concerné, la métrique, le segment d'appareils, le déploiement pertinent, les conditions de comparaison et la personne chargée de vérifier l'hypothèse. Ajoutez ensuite la décision : corriger, revenir en arrière, poursuivre ou clore avec une explication. Une alerte ne prouve pas une cause.

Pour un problème de réactivité, identifiez l'interaction elle-même. Un rapport qui dit seulement « l'INP est lent » oblige la personne suivante à refaire le travail de repérage. Précisez s'il s'agit d'ouvrir la navigation, de filtrer une liste ou d'envoyer un formulaire. Le guide pour améliorer l'INP aide à traduire cette observation en analyse du thread principal et du rendu.

Choisissez une durée d'observation adaptée au trafic du segment. Un modèle peu visité peut nécessiter davantage de temps avant qu'une comparaison soit utile. Ne créez pas une fausse certitude avec un nombre plus précis ou une courbe plus étroitement cadrée. Signalez les éléments encore insuffisants et poursuivez la collecte lorsque nécessaire.

Évaluer la collecte, le travail opérationnel et les limites

Avant d'adopter SpeedCurve, vérifiez qu'une personne peut installer et maintenir l'intégration RUM, gérer les accès et examiner les résultats. Consultez les conditions commerciales actuelles pour le volume prévu, les tests synthétiques et la conservation des données. L'enjeu est de savoir si le service facilite les décisions attendues pour un coût récurrent acceptable.

Examinez les données réellement envoyées par votre implémentation. SpeedCurve documente les catégories collectées et accepte des données personnalisées. Vérifiez les URL, les libellés et les valeurs personnalisées avant le déploiement pour éviter toute transmission non souhaitée. Coordonnez la collecte avec les mécanismes de confidentialité et de consentement du site, sans considérer la présentation générale du fournisseur comme une réponse à chaque cas d'installation.

Une intégration RUM constitue aussi une dépendance de la page. Vérifiez son chargement, l'absence de double installation par des intégrations différentes et sa présence après les modifications de modèles. Si la collecte commence uniquement après consentement, les visites observées représentent cette condition. Consignez-la avec les rapports servant à comparer les versions.

SpeedCurve ne peut ni réécrire une application lente, ni réparer une stratégie de chargement d'images, ni garantir des positions dans les résultats de recherche. Ses données peuvent différer du Chrome User Experience Report de Google, car les populations et les méthodes de restitution diffèrent. Considérez les écarts comme des questions à examiner, sans conclure qu'une source est défaillante.

Terminer un pilote par une décision

Choisissez un modèle important, un test synthétique représentatif et un groupe RUM clairement identifié. Établissez une référence initiale, examinez un problème concret et notez si les éléments recueillis ont permis une modification utile. La liste de contrôle des performances web permet de garder visibles les vérifications techniques et les actions de suivi.

À la fin du pilote, évaluez le processus autant que les courbes. L'équipe peut-elle identifier les visiteurs touchés, reproduire une cause plausible et vérifier ce qui s'est passé après le changement ? Si la réponse reste incertaine, améliorez les groupes ou la méthode d'investigation avant d'étendre la collecte à l'ensemble du site.

Contenu partenaire. Cet article porte sur SpeedCurve et est distinct de la couverture éditoriale de WebVitalsDev.

Guides associés