.svg)
Durant l'été, notre équipe s’est associée à Google pour un webinar présentant certaines de nos dernières découvertes sur l’impact des Consent Management Platforms(CMPs) sur les performances Web, en particulier l'Interaction to Next Paint (INP), la dernière métrique Core Web Vital mise en place par Google. Ce nouvel indicateur évalue la réactivité globale d’une page aux interactions des utilisateurs.
Le panel, composé de membres de Google et de Didomi, a discuté des Core Web Vitals et du travail accompli par nos équipes au cours de l’année écoulée pour améliorer les performances de notre CMP à cet égard.
Vous pouvez accéder à l’enregistrement complet ci-dessous (en anglais) ou continuer à lire pour une analyse détaillée.
Présentation des Core Web Vitals et de la performance Web
Les performances Web sont un sujet central chez Didomi. Nous l’avons déjà abordé par le passé et travaillons en permanence pour les optimiser. Les Core Web Vitals en font partie intégrante : cette initiative de Google vise à fournir un ensemble de mesures permettant d’évaluer l’expérience utilisateur en ligne en analysant le chargement, l’interactivité et la stabilité visuelle des pages Web
Aujourd'hui, trois indicateurs fondamentaux composent les Core Web Vitals :
- Largest Contentful Paint (LCP), qui mesure la vitesse de chargement d’un site Web.
- Interaction to Next Paint (INP), quimesure la réactivité d’une page aux interactions des utilisateurs.
- Cumulative Layout Shift (CLS), qui mesure la stabilité visuelle d’une page.
Votre score global sur ces indicateurs reflète la fluidité de l’expérience de navigation sur votre site Web. Il illustre la qualité de votre expérience utilisateur, et peut également influencer votre classement dans les résultats de recherche Google.
Dans ce webinar, nos intervenant se sont concentrés spécifiquement sur l’INP, le dernier Core Web Vital introduit en 2024. Cet indicateur mesure la réactivité d’une page en évaluant le temps nécessaire pour que l'image suivante apparaisse après une interaction de l’utilisateur, qu'il s'agisse d'un clic, d'une saisie de texte ou d'un autre événement.
Ce facteur a non seulement un impact sur l'expérience utilisateur, mais peut également avoir un impact commercial significatif, comme l'explique Thierno Thiam, Web Ecosystem Engineer chez Google :
Lorsque vous commencez à mesurer ou à améliorer l'INP, vous commenez à améliorer votre expérience utilisateur, mais vous pouvez également améliorer certains KPIs commerciaux. Des études de cas ont déjà démontré l'existence d'une relation étroite entre l'INP et les indicateurs commerciaux.
Par exemple, lorsque l'Economic Times a commencé à améliorer son INP, les équipes ont constaté une baisse de 50 % du taux de rebond sur son site Web, mais également une augmentation de 43 % du nombre de pages vues.
Thierno Thiam, Web Ecosystem Engineer chez Google
Pour analyser les performances de votre site Web, Google PageSpeed Insights propose un outil gratuit qui évalue les Core Web Vitals sur une URL donnée. Cependant, comme le souligne Thierno Thiam, ces résultats ne donnent qu’un aperçu limité, et il est essentiel de mesurer les données en conditions réelles.
Pour savoir comment améliorer votre score INP, Google recommande quelques étapes clés, que vous pouvez trouver sur le site web.dev de l'organisation : Comment optimiser l'INP ?
Le rôle et l'impact de la Consent Management Platform (CMP) sur les performances Web
Les CMPs, comme la nôtre chez Didomi, sont devenues des composants essentiels de l’écosystème Web et peuvent influencer les Core Web Vitals :
- LCP : Les CMP peuvent introduire du JavaScript et du CSS supplémentaires, retardant ainsi le rendu du plus grand élément de contenu. Dans certains cas, la bannière de consentement peut être considérée comme cet élément.
- INP : Les CMP peuvent augmenter la latence d’entrée en déclenchant des scripts côté client lors de la sélection du consentement par les utilisateurs.
- CLS : Les CMP ont généralement peu d’impact sur le CLS, sauf dans certains cas selon l’implémentation.
Chez Didomi, nous suivons également de près d'autres indicateurs spécifiques à la CMP :
- Total Blocking Time (TBT) : Cet indicateur le temps total entre deux points critiques du chargement d'une page : First Contentful Paint (FCP), lorsque le premier contenu visible apparaît à l'écran, et Time to Interactive (TTI), lorsque la page devient entièrement interactive. Le TBT mesure spécifiquement la durée pendant laquelle le fil principal a été bloqué au cours de cette période, ce qui fait que la page ne réagit pas aux actions de l'utilisateur.
- CMP Readiness Time : une métrique propre à Didomi, qui évalue le temps nécessaire pour que la CMP soit complètement prête et initialisée sur la page.
Bien que des bonnes pratiques puissent être mises en place, notre CTO et cofondateur, Jawad Stouli, rappelle qu’un score INP ne dit pas tout, et que l'attribution est essentielle pour identifier la source des problèmes potentiels :
Comme c'est très souvent le cas lorsque nous parlons de performance, il n'existe pas de moyen unique et simple de définir l'impact d'une CMP sur les performances Web d'un site. Comme vous pouvez le constater, cet impact variera selon la configuration de la CMP, du site Web lui-même, et des interactions entre les deux.
- Jawad Stouli, Chief Technical Officer et co-fondateur de Didomi
Dans cette optique, examinons de plus près certaines des expérimentations que nous avons mises en œuvre pour améliorer les performances de nos clients et les résultats préliminaires que nous pouvons déjà observer.
Meilleures pratiques CMP pour les Core Web Vitals et la performance web : comment nous procédons chez Didomi
Pour garantir la meilleure expérience utilisateur, Didomi a investi d’importantes ressources pour optimiser la CMP en fonction des Core Web Vitals, en particulier l’INP.
Voici quelques-unes des mesures prises par nos équipes produit et ingénierie ces 18 derniers mois:
La dernière amélioration, qui a depuis été publiée et activée pour tous les clients de Didomi, est le Performance.yieldOnConsent flag qui permet d'exécuter du code spécifique pour diviser les tâches en petites opérations, comme l'a expliqué notre Lead Product Manager, Julie C, lors de notre webinar :
Ce nouveau paramètre que nous avons livré en juin vise à améliorer de manière significative les performances des actions interactives sur un site Web, afin d'offrir une expérience plus fluide et plus interactive. Nos tests internes montrent une amélioration de 60 à 70 % du score INP moyen pour les actions liées à la CMP.
- Julie C, Lead Product Manager chez Didomi
La mise en œuvre de ces changements a eu un impact observable sur les performances Core Web Vitals, témoignant d'une amélioration directement liée aux efforts de notre équipe :
Pour ajouter à ces résultats positifs, notre Senior Product Marketing Manager, Desirée Blank, souligne une fois de plus que même si votre CMP a probablement un impact sur vos performances Core Web Vitals, ce n'est qu'une des nombreuses technologies tierces présentes sur votre site Web qui le font, comme elle l'a observé en travaillant avec les partenaires et clients de Didomi :
Alors que nous travaillions avec nos clients, nous avons constaté les défis auxquels ils sont confrontés lorsqu'ils doivent souvent trouver un équilibre entre les changements au sein dela CMP, les autres technologies, et souvent leur propre site Web. (...)
Par exemple, une interface utilisateur personnalisée ou le nombre de vendors auront un impact sur les performances de la CMP, mais ils échappent à notre contrôle. Nous les avons néanmoins intégrés dans nos guides de bonnes pratiques afin que vous puissiez continuer à optimiser vos scores INP.
Désirée Blank, Senior Product Marketing Manager chez Didomi
Elle souligne également que les organisations doivent équilibrer optimisation des Core Web Vitals et performances du taux de consentement, un sujet abordé dans notre dernier benchmark sur la collecte du consentement en Europe.
{{download-the-benchmark}}
Comment améliorer vos scores Core Web Vitals et INP en tant que client Didomi ?
Compte tenu de ces améliorations apportées par Didomi, quelles mesures pouvez-vous prendre pour améliorer votre score INP et vos Core Web Vitals ?
Hernán Onzalo, Engineering Manager chez Didomi, recommande quatre bonnes pratiques à prendre en compte :
- Limitez le nombre de vendors et de finalités dans votre bannière de consentement (découvrez comment ici).
- Ne chargez pas les scripts tiers immédiatement, car ils polluent le thread principal.
- Évitez les interfaces personnalisées complexes ou appliquez les meilleures pratiques UX pour optimiser les interactions.
- Assurez-vous que les rappels et les autres actions ne bloquent pas le fil principal.
Une démonstration en direct a été réalisée pour comparer l’impact de ces optimisations. retrouvez-la dans l’enregistrement du webinar (en anglais) :
En tant que client de Didomi, vous pouvez bénéficier d'une assistance continue dans le cadre de vos efforts d'optimisation. Contactez votre account manager pour toute question que vous pourriez avoir. L'optimisation est un travail continu que nous nous engageons à poursuivre.
Pour participer à nos efforts et nous faire part de vos commentaires sur vos propres travaux d'optimisation, contctez-nous:
{{talk-to-an-expert}}
Questions fréquemment posées (FAQ)
Qu'est-ce que l'INP et pourquoi est-ce important ?
L'INP (Interaction to Next Paint) est un indicateur Core Web Vital qui mesure la réactivité d’une page Web aux interactions utilisateurs. Son optimisation peut améliorer l’expérience utilisateur et réduire le taux de rebond.
Comment une CMP peut impacter les Core Web Vitals comme l'INP ?
Une CMP peut affecter l'INP en ajoutant des scripts supplémentaires qui augmentent la latence d'entrée. Cela peut également avoir un impact sur d'autres Core Web Vitals tels que le LCP (Largest Contentful Paint) en retardant le rendu du contenu.
Comment puis-je vérifier les performances des Core Web Vitals de mon site Web ?
Vous pouvez utiliser l'outil PageSpeed Insights de Google pour analyser les Core Web Vitals de votre site Web, y compris l'INP. Il est toutefois recommandé de prendre des mesures sur le terrain pour une analyse plus détaillée.
Que peuvent faire les clients de Didomi pour améliorer leurs scores INP ?
Les clients de Didomi peuvent limiter le nombre de vendors dans leurs bannières de consentement, faire attention à l'implémentation de leur interface utilisateur personnalisée, s'assurer que les rappels et autres actions ne bloquent pas le thread principal et éviter de charger immédiatement des scripts tiers.
Pour en savoir plus, consultez notre documentation, et contactez votre account manager si vous avez d'autres questions.
.avif.avif){kind=tracking}
