Chaque mois, Mynet propose à plus de 34 millions de visiteurs du contenu et des services liés à l'actualité, aux vidéos, aux jeux, à la finance, à l'information et au divertissement. Après avoir lancé une progressive web app (PWA) utilisant des pages AMP (Accelerated Mobile Pages) pour son contenu, l'entreprise a multiplié par quatre le temps de chargement moyen des pages. Mynet a également constaté une augmentation significative de l'engagement utilisateur : le temps moyen passé sur son site mobile a augmenté de 43%.
- 25% d'augmentation des revenus par page vue d'article
- Vitesse de chargement de page moyenne quatre fois plus rapide
- Temps moyen passé sur le site : 43% plus long
- 34% de pages vues en plus par session
- Des taux de rebond inférieurs de 24 %
Challenge
Plus de 85% du trafic sur mobile provient du Web mobile. Le site Web mobile de Mynet est donc un élément indispensable de sa stratégie. Cependant, ils ont remarqué que les utilisateurs passaient deux fois moins de temps sur le site mobile que les utilisateurs de leur application native. Lorsque Mynet a analysé le comportement des utilisateurs sur son site mobile, il est apparu clairement que leur expérience sur le Web mobile était trop lente. Mynet devait créer un site Web mobile extrêmement rapide et engageant, semblable à ce qu'il pourrait obtenir avec une application native.
Solution
Pour générer simultanément du trafic et le réengagement, Mynet a lancé une PWA qui utilise AMP afin d'offrir une expérience rapide semblable à celle d'une application sur le Web mobile. Avec cette configuration, les pages des articles se sont chargées quatre fois plus vite que sur l'ancien site mobile. Résultat : les taux de rebond ont diminué de 24 %. Mynet a également constaté une corrélation entre la vitesse et l'engagement, lorsque les utilisateurs ont commencé à passer 43% de temps en plus sur le site. De plus, le nombre de pages vues a bondi de 34% par session. Tout cela a été réalisé en plusieurs étapes:
Démarrage rapide avec les pages AMP
Mynet a d'abord intégré la prise en charge de ses articles sous forme de pages AMP autonomes. Cela lui permet d'afficher les résultats dans le carrousel AMP des résultats de recherche Google. Cela leur a également permis d'offrir des performances de chargement de page exceptionnelles aux utilisateurs qui parcourent du contenu sur le Web mobile, ce qui est essentiel sur les réseaux limités ou irréguliers. Le lancement de pages AMP autonomes n'a pas posé de problème avec leur système CMS, et il n'a fallu que deux semaines pour lancer l'ensemble du contenu des articles au format AMP.
Pour s'assurer que les annonces étaient diffusées aussi rapidement et efficacement que possible, Mynet a lancé les annonces AMP. Ces annonces se chargent jusqu'à deux fois plus vite que les annonces standards, avec des taux de clics (CTR) et des revenus pouvant atteindre 30%.
Rester rapide et susciter de nouveau l'intérêt des utilisateurs grâce aux PWA
Ensuite, Mynet voulait améliorer son site Web mobile. L'entreprise a donc créé une version bêta distincte de son site mobile avec des technologies de PWA. L'entreprise s'est tournée vers ces technologies pour offrir une expérience utilisateur (UX) plus immersive qu'une application, au lieu de mettre à jour au minimum son site sous-jacent. Elle a notamment tiré parti des service workers qui offrent des performances fiables sur les réseaux irréguliers, de l'invite utilisateur "Add to Home Screen" (Ajouter à l'écran d'accueil) et des notifications push pour le réengagement. Elle a créé une PWA de pointe, avec un score de performances Lighthouse de 95/100. (Lighthouse est un outil automatisé permettant d'améliorer la qualité des pages Web pouvant être affichées sur n'importe quelle page du Web).
Les pages AMP et PWA fonctionnent en synergie
Après avoir testé les versions AMP et PWA en tant que versions autonomes et optimisé leurs performances, Mynet était prêt à passer à la dernière étape de la création d'une solution unifiée pour son site Web mobile. L'intégration de pages de contenu AMP au sein de la PWA lui a permis d'améliorer la vitesse et la facilité d'utilisation de son nouveau site mobile. Après le lancement du site à la fois AMP et PWA, Mynet a réduit de moitié le nombre de versions de production Web (pour mobile et pour ordinateur), ce qui a diminué de moitié le nombre d'implémentations nécessaires pour gérer et améliorer le code.
Pourquoi utiliser une solution combinant AMP/PWA ? Sur le Web mobile, le format AMP offre d'excellentes performances de chargement de la première page, tandis que les PWA rendent les visites répétées rapides et fiables. Grâce à l'invite "Ajouter à l'écran d'accueil" et aux notifications push, les PWA permettent également aux sites d'améliorer le réengagement de leurs utilisateurs. Ensemble, cette stratégie permet à Mynet d'offrir des expériences de haute qualité lors des premières visites ou des visites répétées, quelle que soit l'état du réseau.
Environ 30% des visiteurs du site Web pour mobile de Mynet utilisent un appareil iOS. Mynet a enregistré une augmentation de 15% du nombre moyen de pages vues par session et une diminution de 23% du taux de rebond sur iOS, malgré l'indisponibilité de l'option "Ajouter à l'écran d'accueil", des notifications push et de la mise en cache hors connexion en raison de l'incompatibilité des service workers sur iOS. Cette augmentation de l'engagement est due aux améliorations apportées à la vitesse et à l'interface utilisateur (UI) de la PWA basée sur AMP.
Globalement, l'utilisation d'AMP dans leur PWA entraîne une augmentation de 25% des revenus publicitaires par page vue d'article.
Suite à un regain d'intérêt pour la vitesse, nous avons décidé d'intégrer le format AMP et de créer une progressive web app. Le format AMP était important pour réduire le nombre d'abandons de pages, et nous constatons désormais que les pages AMP se chargent quatre fois plus vite. La création d'une PWA nous a permis d'avoir la même fonctionnalité que notre application. Les utilisateurs passent désormais 43% de temps en plus sur notre site et s'engagent de nouveau plus souvent.
M. Fuat Seker , responsable du développement commercial et des groupes de produits, Mynet
Résultats supplémentaires
- Temps de chargement deux fois plus rapides grâce aux annonces AMP
- 30% d'augmentation du CTR et des revenus grâce aux annonces AMP
- 15% d'augmentation du nombre moyen de pages vues par session sur iOS
- Taux de rebond réduit de 23% sur iOS