Data publikacji: 17 marca 2021 r.
Po przeprowadzeniu testu A/B skoncentrowanego na optymalizacji podstawowych wskaźników internetowych Vodafone stwierdził, że poprawa wartości LCP o 31% przełożyła się na wzrost sprzedaży o 8%, wzrost współczynnika konwersji na wizytę o 15% i wzrost współczynnika konwersji na wizytę w koszyku o 11%.
Vodafone to czołowa firma telekomunikacyjna w Europie i Afryce, która obsługuje sieci stacjonarne i komórkowe w 21 krajach oraz współpracuje z sieciami komórkowymi w 48 innych krajach. Po przeprowadzeniu testu A/B na stronie docelowej (gdzie wersja A była zoptymalizowana pod kątem wskaźników Web Vitals i w polu miała o 31% lepszy wynik LCP niż wersja B) firma Vodafone ustaliła, że optymalizacja pod kątem wskaźników Web Vitals zwiększyła sprzedaż o 8%.
31%
Wzrost wartości LCP o 31% spowodował…
+8%
wzrost łącznej sprzedaży;
+15%
Wzrost współczynnika konwersji na wizytę
+11%
Wzrost współczynnika wizyt w koszyku
Podkreślenie możliwości
Vodafone wiedziało, że szybsze witryny zwykle wiążą się z lepszymi wynikami biznesowymi, i było zainteresowane optymalizacją wyników Web Vitals jako potencjalnej strategii zwiększania sprzedaży. Firma musiała jednak określić, jakie dokładnie ROI uzyska.
![2 zrzuty ekranu ze strony Vodafone.](https://web.developers.google.cn/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=19&hl=pl)
Zastosowane podejście
Test A/B
Ruch w ramach testu A/B pochodzi z różnych płatnych kanałów mediów, m.in. z reklam displayowych, urządzeń z systemem iOS lub Android, wyszukiwarek i mediów społecznościowych. 50% ruchu zostało skierowane na zoptymalizowaną stronę docelową (wersja A), a 50% – na stronę bazową (wersja B). Wersja A i wersja B uzyskały około 100 tys. kliknięć i 34 tys. wizyt dziennie. Jak już wspomnieliśmy, jedyną różnicą między wersją A a wersją B było to, że wersja A była zoptymalizowana pod kątem wskaźników Web Vitals. Poza tym nie było żadnych różnic funkcjonalnych ani wizualnych między tymi dwoma wersjami. Firma Vodafone używa interfejsu API PerformanceObserver
do pomiaru LCP w sesjach rzeczywistych użytkowników i wysyła dane pól do dostawcy usług analitycznych.
Optymalizacje
Vodafone wprowadził następujące zmiany na stronie zoptymalizowanej (wersja A):
- Przeniesienie logiki renderowania widżetu ze strony klienta na stronę serwera, co spowodowało zmniejszenie ilości JavaScriptu blokującego renderowanie.
- Wyrenderowany po stronie serwera kod HTML
- Zoptymalizowane obrazy, w tym zmiana rozmiaru głównego obrazu, optymalizacja obrazów SVG, korzystanie z zapytań o multimedia, aby uniknąć wczytywania obrazów, które nie są jeszcze widoczne w widocznym obszarze, oraz optymalizacja obrazów PNG
Ogólne wyniki firmy
Po optymalizacji wersji A pod kątem podstawowych wskaźników internetowych i porównaniu jej z nieoptymalizowaną wersją B Vodafone stwierdził, że wersja A:
- Wzrost sprzedaży o 8%
- 15% wzrost współczynnika konwersji wizyt w potencjalnych klientów (liczba użytkowników, którzy zostali potencjalnymi klientami w stosunku do łącznej liczby odwiedzających)
- 11% wzrost współczynnika wizyt w koszyku (liczba użytkowników, którzy odwiedzili koszyk w porównaniu z łączną liczbą odwiedzających)
![Ilustracja podsumowująca wyniki firmy.](https://web.developers.google.cn/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=19&hl=pl)
W tabeli poniżej podano wartości DOMContentLoaded
(„DCL”) i LCP, które Vodafone zaobserwował w wersji A („Optymalizacja strony”) i wersji B („Domyślna strona”). Pamiętaj, że DCL wzrosła o 15%. Wartości bezwzględne związane z danymi biznesowymi zostały usunięte.
W Vodafone testujemy nowe rozwiązania, mierzymy wyniki, zachowujemy to, co się sprawdziło, i zastanawiamy się nad tym, co nie zadziałało. Uczymy się na błędach. Nazywamy je „Eksperymentuj i szybko się ucz”. Dzięki współpracy z Google i wprowadzeniu LCP jako głównego KPI dotyczącego szybkości strony udało nam się znacznie poprawić wrażenia klientów z korzystania z naszego sklepu internetowego.
Davide Grossi, dyrektor ds. marketingu internetowego, Business
Aby poznać więcej historii sukcesu, zapoznaj się ze studium przypadku dotyczącego skalowania w internecie.