Veröffentlicht am 17. März 2021
Vodafone führte einen A/B-Test durch, der sich speziell auf die Optimierung der Web-Vitals konzentrierte. Dabei stellte das Unternehmen fest, dass eine Verbesserung des LCP um 31% zu 8% mehr Verkäufen, einer Verbesserung der Rate von Leads zu Besuchen um 15% und einer Verbesserung der Rate von Warenkorb zu Besuchen um 11% führte.
Vodafone ist ein führendes Telekommunikationsunternehmen in Europa und Afrika, das Festnetz- und Mobilfunknetze in 21 Ländern betreibt und mit Mobilfunknetzen in 48 weiteren Ländern zusammenarbeitet. Vodafone führte einen A/B-Test auf einer Landingpage durch. Version A wurde für Web-Vitals optimiert und hatte im Feld einen um 31% besseren LCP-Wert als Version B. Das Unternehmen stellte fest, dass die Optimierung für Web-Vitals zu 8 % mehr Verkäufen führte.
31 %
Eine Verbesserung des LCP-Werts um 31% führte zu…
+8%
Höherer Gesamtumsatz
+15%
Steigerung der Rate von Leads zu Besuchen
+11%
Steigerung des Verhältnisses „Einkaufswagen“ zu „Besuchen“
Chance hervorheben
Vodafone wusste, dass schnellere Websites in der Regel mit besseren Messwerten für den geschäftlichen Erfolg einhergehen. Das Unternehmen wollte seine Web-Vitals-Werte optimieren, um den Umsatz zu steigern, musste aber erst herausfinden, welchen ROI es erzielen würde.
Der verwendete Ansatz
A/B-Test
Der Traffic für den A/B‑Test stammte aus verschiedenen bezahlten Media-Channels, darunter Display, iOS/Android, Suche und soziale Medien. 50% des Traffics wurden an die optimierte Landingpage (Version A) und 50% an die Baseline-Seite (Version B) gesendet. Version A und Version B haben beide etwa 100.000 Klicks und 34.000 Besuche pro Tag erzielt. Wie bereits erwähnt, bestand der einzige Unterschied zwischen Version A und Version B darin, dass Version A für Web-Vitals optimiert wurde. Ansonsten gab es keine funktionalen oder visuellen Unterschiede zwischen den beiden Versionen. Vodafone hat die PerformanceObserver API verwendet, um den LCP in Sitzungen echter Nutzer zu messen, und die Felddaten an den Analytics-Anbieter gesendet.
Optimierungen
Vodafone hat die folgenden Änderungen an der optimierten Seite (Version A) vorgenommen:
- Die Rendering-Logik für ein Widget wurde von der Client- auf die Serverseite verlagert, was zu weniger JavaScript, das das Rendering blockiert, geführt hat.
- Serverseitig gerenderter kritischer HTML-Code
- Optimierte Bilder, einschließlich Anpassen der Größe des Hero-Bilds, Optimieren von SVG-Bildern, Verwenden von Media Queries, um das Laden von Bildern zu vermeiden, die noch nicht im Darstellungsbereich sichtbar sind, und Optimieren von PNG-Bildern
Gesamtgeschäftsergebnisse
Nachdem Vodafone Version A für Web Vitals optimiert und mit der nicht optimierten Version B verglichen hatte, stellte das Unternehmen fest, dass Version A zu Folgendem führte:
- 8% mehr Umsatz
- Eine Steigerung der Rate von Leads zu Besuchen um 15 % (die Anzahl der Nutzer, die zu einem Lead wurden, im Vergleich zur Gesamtzahl der Besucher)
- Eine Steigerung der Rate „Einkaufswagen – Besuch“ um 11 % (Anzahl der Nutzer, die ihren Einkaufswagen besucht haben, im Vergleich zur Gesamtzahl der Besucher)
In der folgenden Tabelle sind die Werte für DOMContentLoaded („DCL“) und LCP aufgeführt, die Vodafone für Version A („Optimized Page“) und Version B („Default Page“) beobachtet hat. Die DCL ist um 15 % gestiegen. Die absoluten Werte für geschäftsbezogene Messwerte wurden entfernt.
Bei Vodafone testen wir neue Lösungen, messen die Ergebnisse, behalten bei, was funktioniert hat, und hinterfragen, was nicht funktioniert hat. Wir lernen aus Fehlern. Wir nennen es „Experimentieren, schnell lernen“. Dank der Zusammenarbeit mit Google und der Einführung von LCP als Haupt-KPI für die Seitenleistung konnten wir die Nutzerfreundlichkeit unseres E-Commerce-Shops deutlich verbessern.
Davide Grossi, Head of Digital Marketing, Business