Verlangsamt ein Anti-Flicker-Skript meine Website?
Kurze Antwort
Ein Anti-Flicker-Skript verursacht tatsächlich eine geringfügige Latenz, typischerweise 50 bis 150 ms, weil es den Seitenbody kurz ausblendet, während die Variante des A/B-Tests angewendet wird, und so ein Aufblitzen der Originalversion verhindert. Das ist in der Regel akzeptabel. Schlecht umgesetzte Anti-Flicker-Skripte ohne Timeout können das Rendering jedoch unbegrenzt blockieren und die Werte für Largest Contentful Paint erheblich verschlechtern.
Wichtigste Erkenntnisse
- Anti-Flicker-Skripte müssen ein maximales Timeout enthalten (typischerweise 1 bis 3 Sekunden), damit die Seite auch dann gerendert wird, wenn die Variante nicht geladen werden kann.
- Gut optimierte A/B-Testing-Tools wie Mida minimieren die Auswirkungen des Anti-Flickers durch schnelles asynchrones Laden und ein kleines Skript von unter 20 KB.
- Messen Sie Ihre LCP- und FCP-Werte mit und ohne aktives A/B-Testing-Skript, um die tatsächlichen Performance-Kosten für Ihre spezifische Website zu quantifizieren.
Die Geschwindigkeit und Performance Ihrer Website sollten stets oberste Priorität haben, da sie sich direkt auf die Conversion-Raten und das SEO-Ranking Ihrer Website auswirken können.
Beim A/B-Testing taucht häufig die Frage auf, ob ein Anti-Flicker-Skript eine Website verlangsamt.
In diesem Beitrag erkläre ich, was ein Anti-Flicker-Skript ist, wie es funktioniert, welche Auswirkungen es auf die Seitengeschwindigkeit hat und welche Best Practices es für den Einsatz gibt.
Was ist ein Anti-Flicker-Skript?
Ein Anti-Flicker-Skript, manchmal auch A/B-Testing-Skript genannt, ist Code, der das visuelle „Flackern“ bzw. Aufblitzen beseitigt, das auftreten kann, wenn Sie einen A/B-Test auf Ihrer Website durchführen.
So läuft es ab, wenn Sie einen A/B-Test ohne Anti-Flicker-Skript einrichten:
- Ein Nutzer besucht Ihre Website.
- Das A/B-Testing-Tool lädt die Originalseite (Version A).
- Sobald das A/B-Testing-Skript geladen ist, ersetzt es Version A durch Version B.
- Dieser Austausch ist für den Nutzer sichtbar und führt zu einem störenden visuellen Flackern zwischen den Seitenversionen.
Hier ein Beispiel, wie ein „Flackern“ aussieht:
Das Anti-Flicker-Skript beseitigt dieses Aufblitzen, indem es die Anzeige der Seite verzögert, bis die richtige Version geladen ist.
In der Praxis funktioniert es so:
- Ein Nutzer besucht Ihre Website.
- Das Anti-Flicker-Skript zeigt eine leere Seite an, während der A/B-Test ermittelt, welche Version (A oder B) angezeigt werden soll.
- Sobald der Test die Version zugewiesen hat, wird der gesamte Seiteninhalt nahtlos und ohne Flackern zwischen den Seitenversionen geladen.
Was, wenn das A/B-Testing-Tool 10 Sekunden zum Laden benötigt?
In der Regel hat ein Anti-Flicker-Skript eine konfigurierbare Timeout-Einstellung: Fehlt das A/B-Testing-Skript aus irgendeinem Grund auf der Seite oder wurde es nicht innerhalb von XX Sekunden geladen (höchstens 2 Sekunden), gibt das Anti-Flicker-Skript die Seite frei, indem es die leere Seite entfernt.
Das sorgt für eine reibungslosere User Experience.
MOMENT MAL!
Sie verzögern also absichtlich die Seite mit einer leeren Seite, BIS der A/B-Test festlegt, welche Version verwendet wird? Beeinträchtigt das nicht die Seitengeschwindigkeit?
Wie wirkt sich das Anti-Flicker-Skript auf die Seitengeschwindigkeit aus?
Die Auswirkung des Anti-Flicker-Skripts hängt hauptsächlich davon ab, wie schnell Ihr A/B-Testing-Skript ausgeführt werden kann, um die Seitenversion zu bestimmen.
Es gibt einige Aspekte, die die Geschwindigkeit beeinflussen:
- Dauer der leeren Seite: Das ist die Zeit, in der die leere Seite angezeigt wird, während der A/B-Test die Version bestimmt. Je kürzer dieser Zeitraum, desto geringer die Auswirkung auf die Geschwindigkeit.
- Waterfall-Geschwindigkeit: Die meisten A/B-Testing-Tools laden asynchron, um andere Seitenelemente nicht am Laden zu hindern. Das Anti-Flicker-Skript verzögert jedoch die Anzeige der vollständigen Seite, bis der A/B-Test abgeschlossen ist.
- Geografie: Der Standort des Servers des A/B-Testing-Tools kann je nach Standort des Nutzers Latenz verursachen. Mehr Entfernung bedeutet eine langsamere Ausführung.
- Serverlast: Eine hohe Auslastung der A/B-Testing-Server verlangsamt ebenfalls die Ausführungszeit des Skripts.
Zusammengefasst: Ein schnell ausgeführtes A/B-Testing-Skript minimiert die Dauer der leeren Seite und die Geschwindigkeitseinbußen durch das Anti-Flicker-Skript. Langsamere Skripte können die Anzeige der vollständigen Seite verzögern und Kennzahlen zur Seitengeschwindigkeit wie Time to First Byte verschlechtern.
Wie das obige Beispiel zeigt, wird die Seite mit einem schnellen A/B-Test-Skript mit integriertem Anti-Flicker-Skript innerhalb von 0,63 s angezeigt. Ist das A/B-Test-Skript dagegen langsam, spielt es keine Rolle, ob Sie ein Anti-Flicker-Skript einsetzen oder nicht: Es wird Ihre Website-Conversions mit hoher Wahrscheinlichkeit beeinträchtigen.
Kostenloses A/B-Test-Tool
Führen Sie Ihren nächsten A/B-Test richtig durch
Visueller Editor, 15-KB-Skript, GA4-nativ und für immer kostenlos bis zu 100.000 monatlichen Besuchern. Kein Entwickler nötig.
Best Practices für Anti-Flicker-Skripte
Welche Best Practices gibt es unter Berücksichtigung der Ladegeschwindigkeit für den Einsatz von Anti-Flicker-Skripten?
- Setzen Sie es nur bei Tests im sichtbaren Bereich (Above The Fold, ATF) ein. Aktivieren Sie es nur auf Seiten, auf denen Elemente im ATF-Bereich verändert werden. Ein Anti-Flicker-Skript ist nicht nötig, wenn Ihr Test unterhalb des sichtbaren Bereichs stattfindet, da Nutzer den Flackereffekt dort nie bemerken.
- Setzen Sie es nur ein, wenn das Flackern deutlich auffällt oder stört. Bei dezenten Seitenänderungen ist das Skript möglicherweise nicht erforderlich.
- Wählen Sie ein SCHNELLES A/B-Test-Tool. Schneller laufende Tools minimieren die Auswirkungen und verbessern die Gesamtleistung Ihrer Website. Sprechen Sie bei Bedarf mit Ihrem Anbieter.
- Verringern Sie die geografische Latenz. Nutzen Sie ein CDN, um die A/B-Test-Skripte geografisch zu verteilen.
Fazit
Anti-Flicker-Skripte können das Nutzererlebnis verbessern, indem sie störendes Aufblitzen bei A/B-Tests verhindern. Sie können jedoch die Anzeige der Seiteninhalte verzögern, abhängig davon, wie schnell das A/B-Test-Tool die Version zuweist.
Mit einer gut optimierten Implementierung profitieren Sie von Anti-Flicker-Skripten, ohne Geschwindigkeit oder Leistung Ihrer Website zu opfern.
