Article

2min lecture

Élection tops campagnes clients AB Tasty : et si c’était vous ?

Vous souhaitez mettre en avant les résultats de votre travail tout au long de cette année ? Vous êtes au bon endroit : nous vous proposons de clôturer l’Experience Talks Winter Edition 2024 par une remise de prix des tops campagnes de l’année.

Découvrez vite comment postuler pour recevoir le trophée « Meilleure campagne de l’année » !

Voici les catégories :
? 1/ Campagne la + performante
Vous avez fait décoller votre taux de clic, taux d’inscription, complétion de formulaire ou nombre de pages vues grâce à une campagne ?

? 2/ Campagne la + ROIste
Votre campagne a augmenté considérablement vos revenus ?

? 3/ Résultat le + inattendu
Vous étiez persuadé que la variation allait surperformer et ce fut un flop ? ou au contraire vous ne pensiez pas que la variation allait fonctionner ?

? 4/ Campagne la + innovante
Vous avez mis en place une campagne originale et innovante ? avec l’aide de widgets AB Tasty (ou non) ?

? 5/ Client le + engagé avec AB Tasty
À découvrir lors de l’évènement ! Un petit peu de suspens…

Il vous suffit d’envoyer à sixtine@abtasty.com les informations suivantes en adaptant selon votre campagne :
Exemple :
Catégorie : 1 (Vous pouvez postuler pour plusieurs catégories)
Nom de la campagne : « Accès checkout »
Hypothèse : « Donner de la visibilité sur la disponibilité des produits selon les modes de livraison et ainsi augmenter le taux de passage vers le checkout »
Résultat : « +8% de taux de conversion » (AOV,CTR,PM, etc.)
Envoyer les visuels des variations

Le jury AB Tasty sélectionnera les meilleures campagnes et les présentera le 3 décembre prochain à 17h30 lors de l’Experience Talks. Il y aura 3 gagnants par catégorie !

L’Experience Talks est l’événement de référence dédié à l’experience client et est limité à 200 décisionnaires du digital, dans la limite de deux personnes par entreprise. Chaque profil sera validé selon ces critères.

Vous n’êtes pas encore inscrits ? Demandez votre place ici .

Article

6min lecture

Stimuler l’innovation en utilisant les échecs de vos tests

« L’échec peut être considéré comme un gros mot dans le monde de l’expérimentation. Votre équipe passe du temps à réfléchir à une hypothèse, à élaborer un test, et finalement, quand il est lancé… il tombe à plat. Bien qu’il puisse être décourageant de voir les résultats négatifs de vos tests, vous avez obtenu des informations précieuses qui peuvent vous aider à prendre des décisions stratégiques basées sur les données pour votre prochaine expérience. Votre  » échec  » devient une opportunité d’apprentissage.

Accepter le risque de résultats négatifs est une partie nécessaire de la construction d’une culture de l’expérimentation. Dans le premier épisode du podcast du “1 000 experiments Club” , Ronny Kohavi (ancien d’Airbnb, Microsoft et Amazon) a déclaré que l’expérimentation est un moment durant lequel vous « échouez et pivotez rapidement ». En effet, toute idée peut échouer, comme il l’a appris en dirigeant des équipes d’expérimentation dans les plus grandes entreprises tech du monde..

« Il y a beaucoup à apprendre de ces expériences : Est-ce que ça a très bien fonctionné pour le segment que vous visiez, mais est ce qu’un autre a affecté ? En apprenant ce qui s’est passé et pourquoi, on peut développer les futures stratégies et réussir », partage Ronny.

Pour instaurer une culture de l’expérimentation, vous devez accepter les échecs qui en découlent. En considérant les résultats négatifs comme des opportunités d’apprentissage, vous renforcez la confiance au sein de votre équipe et vous l’encouragez à rechercher des solutions créatives plutôt que de jouer la sécurité. Voici quelques avantages de l’acceptation des « échecs » dans l’expérimentation :

  1. Encourager la curiosité : Avec AB Tasty, vous pouvez tester vos idées rapidement et facilement. Vous pouvez éviter les longues implémentations ainsi que le développement de code complexe. Chaque idée peut être explorée immédiatement et si elle échoue, vous pouvez passer à l’idée suivante sans ralentir, ce qui vous fait gagner du temps et de l’argent.
  2. Éliminer vos risques sans implémentation à l’aveugle : tester les changements sur quelques pages ou auprès d’une audience ciblée peut vous aider à recueillir des informations dans un environnement plus contrôlé avant de planifier des implémentations à plus grande échelle.
  3. Renforcez vos hypothèses : Il est facile d’être victime du biais de confirmation lorsque l’on a peur de l’échec. Le fait de tester une hypothèse à l’aide des a/b tests et de recevoir des résultats négatifs confirme que votre contrôle est toujours le plus performant, ainsi vous aurez des données pour appuyer le fait que vous allez dans la bonne direction.
  4. Valider les résultats positifs existants : L’expérimentation permet de déterminer quels petits changements peuvent avoir un impact important sur votre public. En comparant les résultats négatifs des tests aux résultats positifs d’expériences similaires, vous pouvez déterminer si les mesures positives résistent à l’épreuve du temps ou si un événement isolé a faussé les résultats.

Dans un environnement contrôlé et limité dans le temps, votre expérience peut vous permettre de savoir très rapidement si les changements que vous avez apportés vont confirmer votre hypothèse. Que votre expérience produise des résultats positifs ou négatifs, vous obtiendrez des informations précieuses sur votre public. Tant que vous exploitez ces nouvelles connaissances pour élaborer de nouvelles hypothèses, vos résultats négatifs ne constitueront jamais un « échec ». Au contraire, le plus grand risque serait de laisser perdurer un statu quo.

« Votre capacité à itérer rapidement est un facteur de différenciation », partage Ronny. « Si vous êtes en mesure de mener plus d’expériences et qu’un certain pourcentage est réussi/échoué, cette capacité à tester des idées est essentielle. »

Vous trouverez ci-dessous quelques exemples d’A/B tests concrets et les apprentissages cruciaux issus de chaque expérience :

Leçon apprise : la suppression des CTA « Ajouter au panier » a réduit la conversion

Dans cette expérience, notre client du secteur de la beauté et des cosmétiques a testé la suppression du CTA « Ajouter au panier » de ses pages de produits. L’idée était de voir si les utilisateurs seraient plus enclins à cliquer sur les pages individuelles, ce qui entraînerait un taux de conversion plus élevé. Les résultats ? Alors que le nombre de visiteurs cliquant sur « Ajouter au panier » a augmenté de 0,4 %, les conversions ont diminué de 2 %. L’équipe a considéré ce résultat comme la preuve que la version originale du site web fonctionnait correctement, et elle a pu réinvestir son temps et ses efforts dans d’autres projets.

Leçon apprise : des champs de formulaire surchargés entraînent une diminution des leads

Un client du secteur bancaire souhaitait tester si l’ajustement de son formulaire de demande standard pouvait amener à l’étape 2 et, en fin de compte, augmenter le nombre de leads issues des soumissions de formulaire. Le test s’est concentré sur le champ obligatoire du numéro d’identification de l’entreprise, en ajoutant une pop-up expliquant la signification du champ dans l’espoir de réduire le nombre d’abandons du formulaire. Les résultats ? Une diminution de 22 % du nombre de prospects et de 16 % du nombre de visiteurs passant à l’étape 2 du formulaire. L’équipe a conclu de cette expérience qu’en essayant d’être utile et d’expliquer ce champ, ses visiteurs étaient submergés d’informations. La version originale a été la gagnante de cette expérience, et l’équipe s’est épargnée une perte potentielle énorme en codant en dur le nouveau champ du formulaire.

Leçon apprise : la disponibilité du produit n’a pas permis de générer des transactions

L’équipe de cette entreprise de cosmétiques a conçu une expérience pour tester si l’affichage d’un message sur la disponibilité du produit sur la page du panier entraînerait une augmentation des conversions en faisant appel au sentiment de FOMO (“Fear Of Missing Out”) du client. Au lieu de cela, les résultats se sont avérés peu concluants. Le taux de conversion a augmenté de 1 %, mais l’accès à la caisse et la valeur moyenne de la commande ont diminué de 2 % et 0,7 % respectivement. L’équipe a déterminé que, sans l’augmentation souhaitée de ses indicateurs clés, il ne valait pas la peine d’investir le temps et les ressources nécessaires pour mettre en œuvre le changement sur le site web. Au lieu de cela, elle a exploité les données de l’expérience pour contribuer à l’élaboration de sa roadmap d’optimisation du site web et identifier d’autres domaines d’amélioration.

Malgré les résultats négatifs, les équipes des trois expériences ont exploité ces informations précieuses pour réajuster rapidement leur stratégie et identifier d’autres points à améliorer sur leur site web. En transformant les résultats négatifs des tests ratés en opportunités d’apprentissage, l’expérience client est devenue le moteur de l’innovation.

Jeff Copetas, VP du E-Commerce et du Digital chez Avid, souligne l’importance de déterminer qui vous écoutez lorsque vous élaborez une roadmap d’expérimentation. « [Chez Avid] nous avons dû passer d’un état d’esprit de « je pense que… » à « testons et apprenons », en éliminant les opinions personnelles de notre processus de décision », se souvient Jeff. « Vous pouvez faire un joli site web, mais s’il n’est pas performant et que vous n’apprenez pas ce qui favorise la conversion, alors tout ce que vous avez, c’est un joli site web qui n’est pas performant. »

Grâce aux tests, vous collectez des données sur la façon dont les clients vivent l’expérience de votre site web, ce qui s’avérera toujours plus précieux que de ne jamais tester le statu quo. Vous cherchez de l’inspiration pour votre prochaine expérience ? Nous avons recueilli des informations auprès de 50 marques de secteurs différents dans le monde entier pour comprendre les tests qu’elles ont effectués, les leçons qu’elles en ont tirées et les succès qu’elles ont remportés.

Article

5min lecture

Libérez votre créativité : Codez une fois, personnalisez à l’infini

https://abtasty.wistia.com/medias/itj729hawr?embedType=async&seo=false&videoFoam=true&videoWidth=640

Dites bonjour aux Custom Widgets et dites adieu aux allers-retours fastidieux lors de la mise en place de vos campagnes. Avec les Custom widgets, adaptez les meilleures idées de vos équipes en matière d’expérience client aux besoins de vos marques et filiales. AB tasty dispose déjà de la plus grande bibliothèque de widgets du marché avec 25 modules prêts à l’emploi tels que par exemple des cartes à gratter, des enquêtes NPS, des comptes à rebours, etc.  pour vous aider à engager plus efficacement vos consommateurs. Mais dorénavant, vous avez la possibilité de créer, de personnaliser et de partager vos propres widgets ! 🤩

Optimisez le workflow entre les marketeurs, les designers et les développeurs.

Les Custom Widgets stimulent l’innovation en facilitant la collaboration entre les équipes pour donner vie aux idées les plus novatrices. Les développeurs peuvent désormais créer des widgets hautement personnalisables. Il leur suffit de suivre notre guide et de coder les différentes parties des widgets en utilisant HTML, CSS et JavaScript et d’ajouter diverses options de configuration 👩‍💻. Les designers peuvent ensuite facilement personnaliser les widgets et s’assurer qu’ils sont conformes aux branding de l’entreprise 👨‍🎨. Enfin, les marketeurs peuvent les personnaliser en fonction des besoins de leurs campagnes 🙋‍♀️. Les possibilités d’engager les visiteurs sont infinies : roue de fortune, carrousels, lightboxes, etc. Tout cela résulte en un flux de travail optimisé qui permet à chacun de gagner du temps tout en offrant des expériences passionnantes aux internautes 💪.

Créez et faites évoluer une bibliothèque de vos meilleures idées d’expérience client.

Tous les Custom Widgets créés (par vos développeurs, une agence ou AB Tasty) seront disponibles dans la librairie de widget qui est partagée entre toutes les filiales et comptes d’une entreprise. Elle est accessible depuis le dashboard, et est d’une grande source d’inspiration et d’idéation pour accélérer le Go-to-market et faciliter le déploiement à travers vos marques et vos filiales. Vous retrouverez également nos widgets existants avec des uses cases clients pour vous inspirer et vous guider davantage dans la création du meilleur parcours client. Et, comme avec n’importe quel autre widget, les marketeurs peuvent facilement personnaliser le contenu des Custom widgets et les combiner avec nos options de ciblage pour créer de puissantes campagnes personnalisées sans compétences en code et en quelques minutes 🏃‍♀️.

Vous ne savez pas par où commencer ?

Dans notre nouvelle bibliothèque de widgets, nos utilisateurs peuvent déjà profiter de 2 Custom Widgets disponibles sur la plateforme, une Roue de la Fortune et un bouton CTA avec dégradé, qu’ils peuvent dupliquer et modifier pour se plonger dans leur fonctionnement. Sur cette même page, ils peuvent cliquer sur « Créer un widget personnalisé » et suivre notre processus étape par étape 🧐. 

Pourquoi ne pas les essayer maintenant ? Si vous cherchez de l’inspiration pour vos premiers Custom Widgets, vous pouvez consulter notre ebook « 30 tips pour le rush du Black Friday ». Il présente des campagnes à succès de marques comme Degrenne, un détaillant français de couverts et d’articles de table dont les produits de qualité sont incontournables dans le secteur de l’hôtellerie. L’entreprise souhaitait accélérer le processus d’achat et offrir une expérience omnicanale cohérente à ses clients. En utilisant nos widgets, ils ont donné à leurs visiteurs la possibilité de voir la disponibilité des articles dans le magasin le plus proche 👇.

Si vous souhaitez reproduire cette expérience, vos développeurs peuvent créer un Custom Widget qui exploite les données de géolocalisation pour créer une fenêtre contextuelle affichant la disponibilité des produits dans les magasins voisins. Vos clients pourront réserver leurs articles et opter pour le retrait en magasin. Une fois disponible dans la bibliothèque de widgets, vos autres marques ou filiales peuvent y accéder, le modifier et l’exploiter pour offrir à leurs visiteurs une expérience omnicanale.

Pour en savoir plus consultez l’ebook 👇:

Avec AB Tasty laissez vos bonnes idées prendre leur envol. 

Article

8min lecture

A/B Testing Côté Client et Serveur : le Meilleur des 2 Mondes Réuni !

Nous enrichissons notre plateforme d’optimisation des conversions d’une solution d’A/B testing server-side. Une nouvelle qui réjouira tous les férus d’expérimentation qui peuvent désormais tester n’importe quelle hypothèse, sur n’importe quel device.

Qu’il s’agisse de tester des modifications visuelles envisagées par votre équipe marketing ou des modifications avancées liées à votre back-office et indispensables à la prise de décision de votre équipe produit, nous vous proposons une solution adaptée.

Quelles différences entre A/B testing côté client et côté serveur ?

Les outils d’A/B testing “client-side” vous aident à créer les variations de vos pages en manipulant, dans le navigateur, le contenu qui est envoyé par votre serveur à l’internaute. La magie opère donc au niveau du navigateur (appelé “client” en informatique) grâce au langage JavaScript. A aucun moment, votre serveur n’est sollicité ou n’intervient dans ce processus : il renvoie toujours le même contenu à l’internaute.

Les outils d’A/B testing “server-side”, à l’inverse, déchargent votre navigateur de tout traitement. Dans ce cas, c’est votre serveur qui se charge de renvoyer aléatoirement à l’internaute une version modifiée.

4 raisons pour A/B tester côté serveur

Mener un test A/B côté serveur présente de nombreux avantages.

1. Dédié aux besoins de votre équipe produit

A/B tester côté client se résume parfois à des modifications de surface. Celles-ci concernent l’aspect visuel, comme l’organisation de la page, l’ajout / suppression de blocs de contenus ou encore la modification de texte. Si vous souhaitez tester des modifications plus profondes qui touchent à votre back office, comme la réorganisation de votre tunnel d’achat, les résultats de votre algorithme de recherche ou de tri produits, les choses se compliquent.

[clickToTweet tweet= »En A/B testant côté serveur, vous étendez le champ des possibles, en agissant sur tous les aspects de votre site, qu’il s’agisse du front ou du back-end. #abtesting #CRO » quote= »En A/B testant côté serveur, vous étendez le champ des possibles, en agissant sur tous les aspects de votre site, qu’il s’agisse du front ou du back-end. »]

Tout cela est possible car vous gardez la maîtrise du contenu retourné par votre serveur au navigateur. Votre équipe produit va se réjouir car elle fait un énorme bond en avant en termes de flexibilité. Elle peut désormais tester tous types de fonctionnalités et se doter d’une vraie approche data-driven pour améliorer sa prise de décision. La contrepartie de cette flexibilité est que le testing côté serveur nécessitera l’implication de votre équipe IT pour implémenter les modifications. Nous y reviendrons par la suite.

Votre équipe produit peut désormais tester tous types de fonctionnalités.

2. De meilleures performances

La dégradation des performances – temps de chargement ou effet flicker – se retrouve souvent en tête des reproches faits aux solutions d’A/B testing côté client.

Dans les cas les plus extrêmes, certains sites limitent l’ajout de tag JavaScript à leur seul pied de page pour éviter un éventuel impact sur leur performance technique. Cette politique exclut automatiquement le recours aux solutions d’A/B testing côté client, car un tag en “footer “ est souvent synonyme d’effet flicker.

En utilisant une solution d’A/B testing server-side, vous n’avez plus de tag JavaScript à insérer sur vos pages et restez maître de tous les goulots d’étranglement potentiels sur les performances de votre site. Vous êtes aussi garant de la politique de sécurité de votre entreprise et du respect des procédures techniques internes.

3. Adapté à vos règles métiers

Dans certains cas de figure, votre test A/B peut se limiter à des modifications de design mais vous êtes confrontés à des contraintes métier qui rendent difficile l’interprétation d’un test A/B classique.

Par exemple, un e-commerçant peut légitimement vouloir prendre en compte dans ses résultats les commandes annulées ou exclure les commandes extrêmes qui faussent ses analyses (notion de “outliers”).

Avec un test A/B côté client, la conversion est enregistrée dès qu’elle se produit côté navigateur, lorsque la page de confirmation d’achat est chargée ou qu’un événement de type transaction est déclenché. Avec un test A/B côté serveur, vous avez la maîtrise totale de ce qui est pris en compte et pouvez, par exemple, exclure en temps réel certaines conversions ou en enregistrer d’autres à posteriori, par lot.

4. De nouvelles opportunités omni-canal

Qui dit solution d’A/B testing server-side dit solution omni-canal et multi-device.

Avec une solution côté client – qui repose sur le langage JavaScript et les cookies – vous limitez votre terrain de jeu aux terminaux qui disposent d’un navigateur web, qu’il s’agisse d’une version desktop, tablette ou mobile. Impossible donc d’A/B tester sur des applications mobiles natives (iOS ou Android) ou sur des objets connectés, existants et à venir.

A l’inverse, avec une solution server-side, dès lors que vous êtes en mesure de réconcilier l’identité d’un consommateur quel que soit le device utilisé, vous pouvez délivrer des tests A/B ou des campagnes de personnalisation omni-canal dans une logique de parcours client unifié. Votre terrain de jeu vient soudain de s’agrandir 😉 et les opportunités sont nombreuses. Pensez objets connectés, applications TV, chatbot, beacon, digital store, …

L’A/B testing server-side, quels cas d’usage ?

Maintenant, vous vous demandez peut-être ce que vous pouvez concrètement tester avec une solution côté serveur que vous ne pouviez pas tester avec un outil côté client ?

Téléchargez notre présentation : 10 exemples de tests côté serveur que vous ne pourriez pas mener côté client.

Au programme : test de formulaire d’inscription, test de tunnel de commande, test d’algorithme de recherche, test de fonctionnalité…

Comment mettre en place un test A/B côté serveur ?

Pour mettre en place un test A/B côté serveur vous faites appel à notre API. Nous décrivons ici les grandes lignes de son mode de fonctionnement. Pour plus de détails, contactez notre support qui vous fournira une documentation technique complète.

Lorsqu’un internaute arrive sur votre site, vous interrogez notre API en lui passant en paramètre l’ID de visiteur, qui identifie ce dernier de manière unique. AB Tasty vous fournit cet ID que vous stockez (ex: cookie, session storage…). Si un visiteur possède déjà un identifiant lors d’une visite ultérieure, vous utilisez celui-ci.

Sur les pages où un test doit se déclencher, vous interrogez ensuite notre API en lui passant en paramètres l’ID du visiteur et l’ID du test en question. Cet ID de test est accessible depuis notre interface, lorsque vous créez le test. En réponse à votre requête, AB Tasty renvoie l’ID de variation à afficher. Votre serveur doit alors construire sa réponse en se basant sur cette information.

Vous devez également informer nos serveurs de collecte dès qu’une conversion a lieu, en passant un appel API avec l’ID de visiteur et des données relatives à cette conversion comme son type (action tracking, transaction, custom event…) et/ou sa valeur.

Nous mettons à votre disposition tout notre savoir faire pour l’analyse des résultats et l’optimisation de vos tests grâce à nos algorithmes d’allocation dynamique de trafic, qui répondent à la problématique dite du multi-armed bandit.

Vous l’aurez compris, mettre en place un test A/B côté serveur requiert l’intervention de votre équipe technique et implique un changement de mode organisationnel.

[clickToTweet tweet= »Alors que l’A/B testing côté client est géré et centralisé par votre équipe marketing, l’A/B testing côté serveur est décentralisé au niveau de chacune de vos équipes produits ou projets. » quote= »Alors que l’A/B testing côté client est géré et centralisé par votre équipe marketing, l’A/B testing côté serveur est décentralisé au niveau de chacune de vos équipes produits ou projets. »]

Faut-il se passer des tests A/B côté client ?

La réponse est non. L’A/B testing côté client et côté serveur ne sont pas antinomiques mais complémentaires. Les entreprises les plus performantes utilisent les deux conjointement selon leurs besoins et les équipes impliquées.

  • L’A/B testing côté client est facile d’accès, idéal pour les équipes marketing qui veulent agir en toute autonomie, sans avoir à solliciter leur DSI. Le maître mot ici est AGILITE. Vous pouvez tester rapidement beaucoup d’hypothèses.
  • L’A/B testing côté serveur s’adresse davantage aux équipes produits dont les besoins impliquent davantage de règles métier et sont étroitement liés aux fonctionnalités produits. Le maître mot ici est FLEXIBILITE.

En vous proposant le meilleur des deux mondes, AB Tasty confirme son rôle de partenaire incontournable pour tous vos besoins de testing et de prises de décision data-driven.

N’hésitez pas à nous contacter pour discuter de tous vos projets de testing, mêmes les plus fous.

Article

6min lecture

A/B testing : tag synchrone ou asynchrone ?

Deux versions de tags sont aujourd’hui disponibles chez AB Tasty : une version synchrone et une autre asynchrone. Ce billet de blog vise à décrypter ce qui se cache derrière ces 2 notions et leurs implications pour bien comprendre lequel choisir.

La performance web au coeur des débats

Ce n’est plus un secret pour personne, les performances techniques de votre site ont un impact majeur sur vos taux de transformation et vous devez vous assurer que les pages de votre site se chargent le plus rapidement possible pour offrir une expérience fluide à vos utilisateurs qui sont de plus en plus impatients et s’attendent à un niveau de performance élevé. Quelques centaines de millisecondes peuvent avoir un impact de plusieurs centaines de milliers d’euros, voire plus, à l’image d’Amazon qui a chiffré que toutes les 100 ms gagnées correspondaient à 1 % de CA additionnel.

En parallèle, vos besoins de tracking sont de plus en plus importants, car vous faites appel à de multiples solutions, notamment concernant l’acquisition de trafic, lesquelles nécessitent que vous ajoutiez leur tag JavaScript à vos pages pour mesurer les performances de vos campagnes. Chaque nouveau tag vient donc augmenter un petit plus le poids de vos pages. On comprend alors aisément pourquoi certains éditeurs sont fébriles dès qu’une nouvelle solution doit être installée. Leur principale crainte tient naturellement au fait qu’ils ne maitrisent pas l’infrastructure derrière ces solutions et n’ont pas de garantie qu’elle soit toujours disponible (notion d’uptime). Le risque est alors que le tag, faisant un appel aux serveurs de la solution et n’ayant pas de réponse, bloque le chargement de la page du client. Il existe heureusement une parade à ce problème qui consiste à utiliser des tags asynchrones, en lieu et place des traditionnels tags synchrones.

Les modes synchrone et asynchrone

Schématiquement, en mode synchrone, les scripts sont chargés les uns à la suite des autres de façon séquentielle : un script ne peut être chargé que si le précédent a fini d’être chargé. Si, dans la liste de tous les scripts appelés, l’un d’eux ne se charge pas, il bloque alors le chargement de tous les autres, pouvant aller jusqu’à bloquer le rendu de la page. Pour limiter ce risque, on a longtemps suggéré de placer l’ensemble des scripts en bas de page pour éviter ce scénario catastrophe : tous les éléments importants pour le rendu de la page ayant déjà été chargé, le mal est moindre si un script pose problème. Dans la pratique cela n’est pas toujours possible ou recommandé, notamment pour des raisons de fiabilité du tracking. À l’inverse, en mode asynchrone, les appels aux différents scripts se font en parallèle et votre navigateur n’empêche pas l’exécution d’un script si un autre échoue. Cela veut également dire qu’il n’est pas possible de contrôler précisément l’ordre d’exécution des scripts.

Compte tenu de leurs avantages, les tags asynchrones sont vite devenus la panacée dans le milieu des solutions technologiques pour rassurer leurs clients sur cet enjeu de performance, et sont aujourd’hui la solution recommandée pour la plupart des outils (ex. : tracking des campagnes d’acquisition, mesure d’audience, collecte de données, etc.).

Quelle version utiliser pour le testing ?

Dès lors qu’une nouvelle solution veut montrer patte blanche chez un éditeur, la disponibilité d’une version asynchrone de son tag est donc un prérequis et nombreux sont ceux qui le réclament pour les solutions de testing. Si ces dernières peuvent sans difficulté se plier à cette demande en fournissant une version asynchrone de leur tag (ce qui est le cas chez AB Tasty), c’est malheureusement oublier les spécificités de leur fonctionnement. Celles-ci ne se contentent pas de collecter des données, elles appliquent également des modifications visuelles sur les pages.

Concrètement, le tag de la solution de testing appelle un fichier JavaScript qui va s’auto-exécuter dès qu’il est reçu par le navigateur de l’internaute. Ce fichier contient le code qui va modifier les éléments de la page et manipule le DOM (Document Object Model) qui schématiquement contient tous les éléments constituant votre page. L’application de ces modifications fait face à un enjeu d’immédiateté important pour respecter l’expérience utilisateur. En effet, si les modifications sont appliquées avec un délai de quelques centaines de millisecondes, l’utilisateur final peut noter un effet de scintillement et voir très temporairement la version initiale puis la version modifiée. Ce n’est, d’une part, pas acceptable pour son expérience de navigation et d’autre part pour la fiabilité de votre expérimentation puisqu’il peut se rendre compte qu’il participe à un test (on parle d’effet Hawthorne). C’est pour cette raison que le mode synchrone reste à privilégier pour les solutions de testing. NB : si le mode synchrone s’impose pour l’application des modifications, la collecte des données, elle, s’accommode très bien du mode asynchrone.

tag-synchrone-asynchroneExigez des garanties au niveau des performances !

Les spécificités et les conditions du bon emploi des solutions de testing étant rappelées, les inquiétudes techniques évoquées au début de cet article refont surface. C’est à votre prestataire de dissiper vos doutes en vous apportant des garanties sur la performance de son infrastructure technique. Chez AB Tasty, nous avons mis en place plusieurs optimisations pour limiter le temps de chargement de notre script.

  1. Nous utilisons un fichier statique mis en cache suite à son premier appel (ce qui évite d’avoir à effectuer de nouvelles requêtes au cours de la même session).
  2. Nous limitons également le poids de ce fichier en y intégrant que le code nécessaire aux tests actifs, contrairement d’autres solutions.
  3. Nous diffusons également ce fichier plus rapidement (moins de 100 millisecondes pour le premier appel) en le distribuant sur de multiples serveurs géographiquement proches de l’internaute. C’est le principe du Content Delivery Network (CDN).
  4. Nous travaillons avec plusieurs d’entre eux et faisons également appel un prestataire de CDN balancing qui permet d’acheminer les requêtes vers les CDN les plus rapides à un instant T.
  5. D’autres optimisations plus complexes sont également mises en œuvre.

Si, malgré toutes ces précautions, vous doutez encore de l’infrastructure de vos potentiels prestataires, nous ne pouvons que vous conseiller de comparer leurs performances.

  • Prêtez attention à leurs références clients. Travaillent-ils avec des sites à forte volumétrie et à fort enjeu de performance, comme des sites e-commerce majeurs ?
  • Effectuez des benchmarks et des mesures techniques.
  • Demandez des engagements de services sur ces points (Service Level Agreement).