Préambule : comment fonctionnent les A/B Tests ?
Le script de votre solution d’A/B Testing fonctionne en surcouche JavaScript : la page web se charge, puis, quelques instants après le rendu visuel est modifié via le code JavaScript de la solution d’A/B Testing. L’effet flickering, c’est précisément le fait que les visiteurs voient la version originale pendant quelques instants puis la variation. L’effet flickering handicape l’expérience utilisateur (qui peut avoir l’impression que le site plante...) et il faut donc le réduire le plus possible.
Pour offrir la meilleure expérience possible à l'utilisateur il faut que la solution d'A/B Testing se rende invisible, ce qui passe par la limitation de l'effet flickering
La solution d’A/B Testing présentera très peu d'effet flickering si elle s’exécute le plus tôt possible, de manière à être en mesure de modifier les composants visuels dès qu’ils apparaissent.
- 1ère conséquence : comme une page web se charge de haut en bas, il est important de placer le script de la solution d’A/B Testing le plus haut possible : directement à l’ouverture du head
- 2ème conséquence : pour optimiser le temps de chargement du script de la solution d’A/B Testing, nous vous recommandons de déployer ce dernier hors du Tag Management System. Le TMS nuit au temps de chargement des tags puisqu’il faut que le Tag management System se charge avant que les tags qu’il contient puissent à leur tour être chargé. Pour la plupart des tags médias ou webanalytics cela ne pose pas de problème, puisque le fait que le tag se charge 0.5 à 1s plus tard n’a pas d’importance. Ce n’est pas le cas pour le tag de la solution d’A/B Testing, qui doit se charger le plus vite possible.
Nous vous recommandons donc de déployer le script de la solution d’A/B Testing le plus haut possible dans la balise « head » et hors TMS.
Ce type d’implémentation ne va cependant pas sans inconvénient : la gestion de la Privacy va être plus difficile.
Après le déploiement du script de votre solution d'A/B Testing, la prochaine étape consiste à assurer le tracking de vos macro-converions ; on vous explique tout ici !