Vodafone führte einen A/B-Test mit dem Schwerpunkt auf die Optimierung von Web Vitals durch. Eine Verbesserung des LCP-Werts um 31% führte zu 8% mehr Verkäufen, einer Verbesserung der Lead-Besuchsrate um 15% und einer um 11% höheren Warenkorb-zu-Besuchsrate.
Vodafone ist ein führendes Telekommunikationsunternehmen in Europa und Afrika, das in 21 Ländern Festnetz- und Mobilfunknetze betreibt und in 48 weiteren Mobilfunknetzen zusammenarbeitet. Vodafone führte einen A/B-Test auf einer Landingpage durch, bei der Version A für Web Vitals optimiert war und im Feld einen um 31% besseren LCP-Wert hatte als bei Version B. Dabei wurde festgestellt, dass durch die Optimierung für Web Vitals 8 % mehr Umsatz erzielt wurde.
31%
Eine Verbesserung des LCP um 31% führte zu...
+8%
höherer Gesamtumsatz
+15%
Steigerung der Lead-zu-Besuchsrate
+11%
Steigerung der Rate der Einkaufswagen/Besuche
Hervorhebung der Chance
Vodafone wusste, dass schnellere Websites in der Regel mit verbesserten Unternehmensmesswerten einhergehen, und war an der Optimierung der Web Vitals-Werte als potenzielle Strategie zur Umsatzsteigerung interessiert. Es musste jedoch genau festgelegt werden, welche Art von ROI erzielt werden würde.
![Zwei Screenshots der Vodafone-Website.](https://web.dev/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=6&hl=de)
Die Strategie
A/B-Test
Der Traffic für den A/B-Test stammte aus verschiedenen kostenpflichtigen Medienkanälen, einschließlich Display, iOS/Android, Suche und sozialer Medien. 50% der Zugriffe wurden zur optimierten Landingpage (Version A) und 50% zur Referenzseite (Version B) weitergeleitet. Version A und Version B erhielten jeweils etwa 100.000 Klicks und 34.000 Besuche pro Tag. Wie bereits erwähnt, bestand der einzige Unterschied zwischen Version A und Version B darin, dass Version A für Web Vitals optimiert war. Abgesehen davon gab es keine funktionalen oder
visuellen Unterschiede zwischen den beiden Versionen. Vodafone hat die PerformanceObserver
API verwendet, um den LCP in echten Nutzersitzungen zu messen, und sendet die Felddaten an seinen Analyseanbieter.
Optimierungen
Vodafone hat auf der optimierten Seite (Version A) folgende Änderungen vorgenommen:
- Die Rendering-Logik für ein Widget wurde von Client- auf Serverseite verschoben. Dadurch wurde weniger JavaScript-Code, der das Rendering blockiert, zur Folge.
- Serverseitiges Rendering für kritisches HTML
- Optimierte Bilder, einschließlich der Größenanpassung des Hero-Images, Optimieren von SVG-Bildern, Verwendung von Medienabfragen, um das Laden von Bildern zu vermeiden, die im Darstellungsbereich noch nicht sichtbar waren, und Optimierung von PNG-Bildern
Geschäftsergebnisse insgesamt
Nachdem Vodafone Version A für Web Vitals optimiert und mit der nicht optimierten Version B verglichen hatte, fand Vodafone heraus, dass Version A zu folgenden Ergebnissen führte:
- Eine Umsatzsteigerung von 8 %
- Eine Verbesserung der Lead-zu-Besuchsrate um 15 % (die Anzahl der Nutzer, die zu einem Lead wurden, im Vergleich zur Gesamtzahl der Besucher)
- Eine Verbesserung der Besuchsrate von Einkaufswagen um 11 % (die Anzahl der Nutzer, die ihren Einkaufswagen besucht haben, im Vergleich zur Gesamtzahl der Besucher)
![Eine Abbildung, auf der die Geschäftsergebnisse hervorgehoben werden.](https://web.dev/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=6&hl=de)
Die folgende Tabelle enthält die Werte für DOMContentLoaded
(„DCL“) und LCP, die Vodafone in den Versionen A („Optimierte Seite“) und Version B („Standardseite“) ermittelt hat. Der DCL ist sogar um 15 % gestiegen. Die absoluten Werte im Zusammenhang
mit Geschäftsmesswerten wurden entfernt.
Bei Vodafone testen wir neue Lösungen, messen Ergebnisse, halten, was funktioniert hat, und hinterfragen, was nicht funktioniert hat, und lernen aus Fehlern. Wir nennen sie „Experimentieren, schnell lernen“. Dank der Zusammenarbeit mit Google und der Einführung von LCP als Haupt-KPI für die Seitenleistung konnten wir die Kundenerfahrung im E-Commerce erheblich verbessern.
Davide Grossi, Head of Digital Marketing, Business
Weitere Erfolgsgeschichten finden Sie auf der Seite Fallstudien zu Scale on Web.