Anti-Flicker-Skript
Kurz gefasst
Mit dem Anti-Flicker-Skript verhinderst du das typische Flackern beim A/B-Testing. Das Skript kannst du optional vor dem Varify.io®-Code-Snippet einbinden.
Was ist Flackern?
Bei einem A/B- oder Redirect-Test wird die Seite zuerst ohne Änderung geladen. Erst danach verändert die Variante die Seite. In dem Moment, in dem die Variante erscheint, kann für Nutzer ein „Flackern“ sichtbar werden.
Ein Anti-Flicker-Skript verhindert genau dieses Flackern.
Anti-Flicker-Skript einbinden
Code des Anti-Flicker-Skripts
Du kannst das Anti-Flicker-Skript direkt von hier kopieren und in deine Website einbinden.
<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>
Wo gehört das Anti-Flicker-Skript hin?
Das Anti-Flicker-Skript wird genauso in deine Website eingebunden wie das Varify.io®-Code-Snippet. Damit es wirkt, muss es oberhalb des bereits eingebundenen Varify.io®-Code-Snippets stehen.
Vor- und Nachteile des Anti-Flicker-Skripts
| Vorteil | Nachteil |
|---|---|
| Kein Seitenflackern Bessere Nutzererfahrung: weniger Ablenkung durch Flackern Niedrigere Absprungrate: Seiten ohne Flackern haben tendenziell eine höhere Engagement-Rate | Möglicher negativer Effekt auf die Core Web Vitals: längere Ladezeit der Website |
Technische Erklärung
Das Anti-Flicker-Skript blendet die Seite so lange aus, bis Varify zurückmeldet, ob eine Variante ausgespielt wurde oder ausgespielt werden soll.
Solange die Variante nicht vollständig geladen ist, bleibt die Website ausgeblendet und der Nutzer sieht nur einen weißen Hintergrund.
Sobald die Variante vollständig geladen ist, zeigt das Skript die Seite an.
Das Ausblenden dauert in der Regel wenige Millisekunden, sodass der Nutzer normalerweise nichts davon merkt.
Das Skript blendet die Seite höchstens 4 Sekunden lang aus. Danach wird die Website angezeigt, auch wenn die Variante noch nicht vollständig vom Server geladen ist. Den Wert von 4 Sekunden kannst du im Skript durch eine längere oder kürzere Zeit ersetzen.