BR
Was ist Client Side Testing?
Beim Client Side Testing wird mit Rendering-Variationen auf Browser-Ebene experimentiert.
Wenn ein User eine Webseite in einem Browser aufruft, leitet er eine Anfrage an den Server ein, der die gewünschte Datei an den Browser sendet. Der Browser verarbeitet dann die Datei und zeigt die Webseite an. Die interaktiven Elemente der Webseite werden durch die Verwendung von JavaScript in den Dateien ermöglicht.
JavaScript wird auch verwendet, um Variationen für Experimente wie A/B-Tests, multivariate Tests und Split-Tests zu erzeugen. Das JavaScript kann auf der Browserebene oder auf dem Server selbst ausgeführt werden. Bei clientseitigen Tests wird das JavaScript auf Browserebene ausgeführt, während der Prozess des Renderns der Variationen auf dem Server als Server Side Testing bezeichnet wird.
Ein Anwendungsfall für Client Side Testing ist die Bereitstellung von Variationen von Call-to-Action-Buttons (CTA) für einen A/B-Test. Sobald ein User Teil des A/B-Tests wird, identifizieren die DOM-Selektoren das HTML-Element (in diesem Fall die CTA-Button) und führen dann das JavaScript im Browser aus, um die CTA-Button zu ändern und eine Variation zu erstellen. Die Änderung kann alles Mögliche sein, wie z.B. das Ändern des CSS-Stils, das Ausblenden, Entfernen, Anpassen der Größe und Duplizieren.
Vorteile von Client Side Testing
Hier sind die Vorteile der clientseitigen Tests:
Einfach zu übernehmen
Es gibt Client Side A/B-Testing-Tools wie den WYSIWYG-Editor von VWO, der keine Codierung zur Erstellung von Variationen erfordert. Solche Test-Frameworks erleichtern die Einführung von Client Side Testings, insbesondere wenn das Unternehmen klein ist und sich kein Entwicklungsteam leisten kann.
Client Side Testing hat niedrige Investitionskosten
Im Vergleich zum serverseitigen Testen erfordert es weniger finanzielle Investitionen. Client Side Testing sind eine bevorzugte Methode für Unternehmen, die ein knappes Budget haben oder neu in der Optimierung sind.
Die Fähigkeit, häufig zu testen
Client Sides Testen ermöglicht intuitive Tools zur Erstellung von Variationen, was es dem CRO-Team leicht macht, häufig Variationen zu erstellen und mehr Hypothesen zu testen.
Beschränkungen von Client Side Testing
Hier sind die Grenzen der clientseitigen Tests:
Kann die Geschwindigkeit der Website verringern
Das JavaScript wird auf der Browserebene ausgeführt, was die LCP-Zeit (Longest contentful paint) im Vergleich zum serverseitigen Rendering erhöht.
Flackern
Bei clientseitigen Tests erscheint vor den Variationen ein Blitz des Originalinhalts, der als Flimmereffekt bezeichnet wird. Er kann auftreten, wenn der Browser die Variationen durch Ausführen von JavaScript lädt.
Beschränkt auf UI/UX-Tests
Das JavaScript wird auf der Browserseite ausgeführt, weshalb die Möglichkeiten des Experimentierens begrenzt sind. Komplexe Experimente wie der Test von Produktsuchalgorithmen sind mit clientseitigen Tests nicht durchführbar. Komplexe und dynamische Experimente sind daher nur über serverseitige Tests möglich.
Omnichannel-Experimente können nicht durchgeführt werden
Client Side Testing können nicht gleichzeitig im Web und in der App laufen. Für Omnichannel-Experimente sind serverseitige Experimente geeignet.
Lebenszyklus von Client Side Testing
Client Side Testings umfassen mehrere Phasen, die wie folgt aussehen:
a. Verhaltensanalyse
Die Optimierung beginnt mit dem Verständnis des bestehenden Userflusses und -verhaltens. Zur Verhaltensanalyse gehören in der Regel die Untersuchung von Besucherdaten mit Analysetools, die Analyse dynamischer Heatmaps, das Verständnis von Funnelreisen und das Betrachten von Session Recordings.
b. Hypothese erstellen
Auf der Grundlage der Verhaltensanalyse wird eine Hypothese formuliert, die das Element für das Experimentieren und die erwartete Auswirkung auf einen KPI hervorhebt.
c. Client Side Testing
Client Side A/B- oder multivariate Tests werden durchgeführt, um die Leistung der Variation zu tracken und mit der ursprünglichen Seite, der sogenannten Kontrolle, zu vergleichen. Am Ende des Experiments gibt es einen Gewinner. Ein wichtiger Punkt ist, dass Multiarmed Bandit Testings immer beliebter werden, weil sie den Traffic mit der Zeit einer leistungsfähigeren Variante aussetzen, bevor der Test statistische Signifikanz erreicht.
d. Setzen Sie ein.
Am Ende wird die siegreiche Variante auf der Live-Website eingesetzt, um allen Besuchern das neue Erlebnis zu bieten.
e. Dokumentation
Der gesamte Prozess der clientseitigen Tests wird mit den gewonnenen Insights, korrigierten Fehlern und Ergebnissen dokumentiert. Es dient als Referenz für zukünftige Optimierungskampagnen.
Zusammenfassung
Zusammenfassend lässt sich sagen, dass beim Client Side Testing auf Browser-Ebene mit JavaScript experimentiert wird, um Elemente wie Call-to-Action-Buttons zu verändern. Es ist einfach zu implementieren, hat niedrige Investitionskosten und ermöglicht häufige Tests, aber es kann die Geschwindigkeit der Website verringern, was zu Flackern führt, und ist auf UI/UX-Tests beschränkt.
Der Lebenszyklus des Client Side Testings umfasst die Verhaltensanalyse, die Erstellung einer Hypothese, das clientseitige Testen und den Einsatz der erfolgreichen Variante. Komplexe und dynamische Experimente sind nur über serverseitige Tests möglich.
Sie können das clientseitige Testen mit VWO kostenlos beginnen. Erfahren Sie mehr über das VWO Testing Starter Pack auf der Seite Pläne und Preise.
