Une étude de cas mesurant l'impact global et les avantages des scores de performances élevés sur les métriques Core Web Vitals.
RebelMouse est un CMS dans le cloud qui contient les outils basés sur les données et la stratégie créative dont les éditeurs ont besoin pour offrir la meilleure expérience possible à leurs audiences, qu'elles soient nouvelles ou anciennes. Nous alimentons des propriétés Web à trafic élevé pour des entreprises multimédias comme Upworthy, Narcity, Raw Story, Brit + Co et The Independent, ainsi que des sites de grande valeur comme Penske Trucks, Vault12, Gaingels et bien d'autres.
Notre plate-forme touche plus de 100 millions d'utilisateurs par mois rien qu'aux États-Unis. L'entreprise a été fondée sur la conviction que le Web ouvert doit répondre aux attentes des consommateurs au plus haut niveau pour prospérer, et que les normes définies par le rapport Core Web Vitals de Google s'alignent sur cette vision donnant la priorité à l'utilisateur.
Depuis plus de 10 ans, notre équipe mondiale conçoit un CMS qui crée des expériences utilisateur positives et intuitives qui se traduisent par des activités intéressantes. Les métriques Core Web Vitals servent de référence pour s'assurer que cette boucle symbiotique se poursuit sur chaque nouveau site que nous exploitons.
Pourquoi donner la priorité aux performances pour améliorer votre activité
De nombreux éditeurs doutent de l'utilité d'obtenir des scores élevés pour les métriques Core Web Vitals. Ils s'inquiètent également de ne pas pouvoir attirer le lectorat dont ils ont besoin, même avec une expérience de qualité. Heureusement, la priorisation des performances chez RebelMouse nous a fourni les données qui prouvent que les Core Web Vitals constituent un excellent moyen de générer du nouveau trafic et de fidéliser les utilisateurs nécessaires à la réussite de notre activité.
Pour illustrer cela, nous avons analysé le comportement de l'audience d'un certain nombre de sites que nous protégeons, avant et après l'optimisation pour obtenir des scores de performances élevés dans Core Web Vitals. En particulier, nous avons défini des types d'utilisateurs afin de répartir les audiences dans les catégories clés suivantes:
- Nouveaux visiteurs:utilisateurs ayant visité un site pour la première fois.
- Visiteurs connus:utilisateurs qui ont enregistré au moins deux sessions.
- Visiteurs fidèles:utilisateurs qui ont enregistré au moins trois sessions.
- Fans:utilisateurs qui ont enregistré au moins quatre sessions.
- Superfans:utilisateurs ayant enregistré au moins cinq sessions ou plus.
Références: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Les données de terrain, recueillies par Google Analytics, étaient extrêmement claires. En nous concentrant sur les catégories de visiteurs fidèles, de fans et de fans inconditionnels, nous avons constaté que les utilisateurs sont beaucoup plus susceptibles de rester plus longtemps, de consommer plus de contenu et de revenir plus souvent sur des sites obtenant d'excellents résultats dans le rapport Core Web Vitals. Voici quelques exemples marquants:
Toutefois, la consommation de contenu et le temps passé par utilisateur n'étaient pas les seules métriques à enregistrer un pic. Le nombre d'utilisateurs et de pages consultés a également augmenté dans les mêmes catégories:
De normaux à performants: comment RebelMouse transforme les sites Web
La bonne nouvelle, c'est que vous pouvez obtenir de bons résultats avec les métriques Core Web Vitals grâce à des modifications stratégiques réfléchies du codebase de votre site. Voici quelques méthodes utilisées par RebelMouse pour les sites Web très performants:
Progressive web app
RebelMouse optimise tous les appels tiers dans une progressive web app qui diffuse en premier les contenus les plus importants, puis séquence le reste des appels selon que le lecteur a besoin de les voir.
Nous disposons d'une méthode qui charge JavaScript immédiatement après la fin de l'événement LCP (Largest Contentful Paint). Nous offrons à nos utilisateurs la possibilité de charger JavaScript par le biais de trois niveaux de priorité différents:
- L'option Optimisé est idéale pour les utilisateurs qui souhaitent bénéficier des dernières approches de pointe. Nous l'utilisons pour notre propre travail de développement. Ce niveau de priorité suspend le déclenchement du code JavaScript bien après le chargement complet de la page, ce qui offre des performances optimales.
- Le blocage de charge permet d'exécuter JavaScript immédiatement et peut avoir un impact négatif sur vos scores de performances. Ce niveau de priorité déclenche le code JavaScript immédiatement après le chargement complet de la page. Cela peut faire baisser vos scores de performance de 10 à 40 points en fonction de l'appel supplémentaire.
- Post LCP est la meilleure option pour combiner d'excellents scores de performances et une charge très rapide. Ce niveau de priorité entraîne le chargement du code JavaScript immédiatement après la fin de l'événement Largest Contentful Paint. Cette approche est recommandée pour les annonces uniquement, qui vous permettent d'augmenter vos revenus en diffusant des annonces auprès des utilisateurs qui ne sont sur la page que pendant environ cinq secondes.
Optimiser les intégrations sur les réseaux sociaux
Pour protéger les scores CLS et LCP, toutes les intégrations de réseaux sociaux doivent être définies sur le chargement différé.
Pour la conservation du CLS, vous devez trouver dynamiquement la taille de l'intégration avec la technologie côté serveur et l'insérer dans votre propre stockage des propriétés de cette intégration. Ensuite, l'intégration doit être envoyée à votre frontal pour éviter que la mise en page ne soit décalée lors du chargement. Si vous souhaitez approfondir le sujet, consultez nos posts spécifiques sur Twitter et TikTok, avec des exemples plus détaillés.
HTML et CSS ultra-léger et intelligent
Le code HTML et CSS du site doit être conçu de manière à permettre l'affichage d'images et de texte au-dessus de la ligne de flottaison avant le reste de la page.
- Les constructions HTML incorrectes obligent le navigateur à traiter de nombreux éléments de site inutiles qui se trouvent en dessous de la ligne de flottaison, afin d'afficher ce qui se trouve au-dessus de la ligne de flottaison dans la première fenêtre d'affichage.
- Nous proposons des articles plus détaillés sur la façon d'y parvenir sur RebelMouse ici :
- Détails concernant l'amélioration des Core Web Vitals
- Ce guide complet explique comment mettre en œuvre un chargement de page rapide tout en incluant des scripts tiers.
- Un guide détaillé sur l'optimisation du LCP.
Publiez avec un état d'esprit axé sur les performances
Depuis le déploiement des métriques Core Web Vitals, les développeurs ont ressenti l'impact de leurs plates-formes de publication par rapport aux seuils recommandés par Google.
HTTP Archive, un projet Open Source qui identifie les tendances et enregistre des modèles historiques sur des millions d'URL, a révélé les performances des principaux systèmes de gestion de contenu par rapport aux normes d'expérience sur les pages de Google dans son rapport sur la technologie Core Web Vitals. Depuis son déploiement et en 2022, RebelMouse a constamment surpassé les principales plates-formes CMS pour les métriques les plus critiques de Google:
Des performances sans compromis
Créer un contenu de qualité ne représente plus que la moitié du travail des éditeurs et des marques. Les contenus de qualité doivent s'appuyer sur une technologie moderne capable de suivre le rythme et les normes du Web d'aujourd'hui. Nous sommes en mesure de fournir des métriques Core Web Vitals qui s'avèrent efficaces, car les performances des sites ne sont pas seulement un objectif, c'est un pilier de l'entreprise intégré à notre culture. Nous nous concentrons sur les performances pour aider nos clients à tirer le meilleur parti du Web ouvert en augmentant le trafic et en générant des revenus, sans sacrifier l'expérience utilisateur.
Si vous souhaitez en savoir plus sur la manière dont nous pouvons aider votre site à dépasser les normes du secteur concernant les métriques Core Web Vitals, cliquez ici pour en savoir plus sur RebelMouse dès aujourd'hui.