Script anti-scintillement
En bref
L'anti-flicker script permet d'éviter le phénomène typique de scintillement pendant l'A/B testing. Ce script peut être intégré, en option, avant le code snippet Varify.io®.
Qu'est-ce que le flickering ?
Dans un test A/B ou de redirection, la page web est d'abord chargée sans aucune modification. La variante modifie ensuite la page web. Lorsque la variante s'affiche, les utilisateurs peuvent constater un effet de « flickering ».
Ce flickering de la page peut être évité grâce à un script anti-flicker.
Intégrer le script Anti Flicker
Code du script anti-flicker
Tu peux copier le script anti-flicker directement ici et l'intégrer à ton site web.
<style>.varify-antiflicker{opacity:0 !important}</style>
<script>(function (n,o, f,l,i,c,k,e,r) {
var z = n.classList;z.add(o);setTimeout(()=>z.remove(o),f)
}(document.documentElement, 'varify-antiflicker', 4000));</script>
Où le script anti-flicker doit-il être placé ?
Le script anti-flicker doit être intégré à ton site web, tout comme l'extrait de code Varify.io®. Pour que le script fonctionne, il doit être placé au-dessus de l'extrait de code Varify.io® déjà intégré.
Avantages et inconvénients du script anti-flicker
| Avantage | Inconvénient |
|---|---|
| Pas de scintillement latéral Expérience utilisateur améliorée : moins de distraction pour l'utilisateur due au scintillement Taux de rebond plus faible : les pages sans scintillement ont tendance à avoir un taux d'engagement plus élevé | Effet négatif possible sur les Core Web Vitals : temps de chargement du site prolongé |
Explication technique
Le script anti-flicker garantit que la page reste masquée jusqu'à ce que Varify indique si une variante a été jouée ou si une variante doit être jouée.
Tant que la variation n'a pas été entièrement chargée, le site web est masqué et l'utilisateur ne voit qu'un fond blanc.
Dès que la variante a été entièrement chargée, le script affiche la page chargée.
Le masquage se déroule généralement en quelques millisecondes, si bien que l'utilisateur ne remarque normalement rien.
Le script masque la page pendant 4 secondes maximum. Le site web est ensuite affiché, même si la variante n'a pas encore été entièrement récupérée depuis le serveur. La valeur de 4 secondes peut également être remplacée par une durée plus longue ou plus courte dans le script.