Średni czas wczytywania nowej aplikacji PWA jest też o 30% krótszy niż poprzednia witryna. Poprawia się współczynnik odrzuceń o 12%, a głębokość sesji – o 18%.
Orange Polska SA (część międzynarodowej Orange Group) jest czołowym dostawcą usług telekomunikacyjnych w Polsce, w tym mobilnych i stacjonarnych usług telekomunikacyjnych, takich jak połączenia głosowe, transmisja danych, dostęp do internetu i telewizja. Świadczymy również usługi IT i integracyjne, dzierżawione linie oraz inne usługi i sprzęt o wartości dodanej dla branży telekomunikacyjnej.
Wyzwanie
Wszyscy wiemy, że uczucie niepokoju, które zmienia się w irytację, gdy strona długo się wczytuje. W przypadku firm cyfrowych, które mają niewielką lub zerową obecność fizyczną, wpływ tej zmiany jest oczywisty, zwłaszcza w przypadku aplikacji mobilnych, w których nasze wewnętrzne badania wykazały, że najważniejszym powodem deinstalacji aplikacji jest szybkość. Jeśli jednak działasz w sektorze o ugruntowanej pozycji, takim jak nasz i macie tradycyjną strategię dla kanałów dystrybucji, wpływ szybkości cyfrowej nie jest tak oczywisty, ponieważ internet nie jest jedynym źródłem naszej sprzedaży. To sprawia, że jeszcze trudniej jest przekonać kierownictwo do inwestowania w szybkość.
Przekazując kierownictwo, umocniliśmy to argumenty, odwołując się do historycznych danych o skuteczności w Google Analytics, aby wyraźnie pokazać zależność między czasem wczytywania a współczynnikami konwersji. Korzystając z surowych danych, byliśmy w stanie wykazać, że każda dodatkowa sekunda wczytywania strony zmniejsza przychody i sprzedaż o 15-20%.
Podejście
Zdecydowaliśmy się stworzyć progresywną aplikację internetową (PWA). Skupiliśmy się na ruchu mobilnym, ponieważ ponad 75% klientów korzysta z naszej witryny za pomocą urządzeń mobilnych. W równym stopniu zespół skupił się na poprawie kluczowych wskaźników wydajności oraz na zapewnianiu atrakcyjniejszych i atrakcyjniejszych wrażeń użytkowników.
Powołaliśmy nowy, wielofunkcyjny zespół scrumowy (w tym specjalistów ds. IT, biznesu i UX), który miał otrzymać model koncepcyjny, który pozwoliłby odpowiedzieć na następujące pytania:
- Czy jesteśmy w stanie skutecznie skrócić czas wczytywania, zachowując przy tym nasze istotne ograniczenia?
- Jaki będzie rzeczywisty wpływ na konwersje i przychody?
Wybraliśmy Next.js ze względu na wiele optymalizacji, które są domyślnie włączone lub łatwe w konfiguracji, takich jak automatyczne renderowanie po stronie serwera (co jest szczególnie ważne dla naszego SEO), pobieranie danych z wyprzedzeniem i dzielenie kodu. Kluczową kwestią było to, że dzięki Next.js mogliśmy osobno przenosić strony, nie powodując problemów w starszych aplikacjach. Musieliśmy jednak przeprowadzić transformację w złożonym środowisku, w którym nadal polegaliśmy na starszych systemach, co prowadziło do niedostępności usług. Aby temu zapobiec, zintegrowaliśmy Workbox, dzięki czemu nasza witryna jest zawsze dostępna, nawet jeśli backend nie działał. Dzięki wbudowanym rozwiązaniom do buforowania żądań, kierowania żądań i buforowania w czasie działania zespół Workbox przyniósł nam wysoki wzrost wydajności.
Wyniki
Średni czas wczytywania nowej aplikacji PWA jest o 30% krótszy niż w poprzedniej witrynie, liczba konwersji na urządzeniach mobilnych wzrosła o 52%, współczynnik odrzuceń poprawił się o 12%, a głębokość sesji wzrosła o 18%. To doświadczenie potwierdziło strategiczny kierunek rozwoju wszystkich rozwiązań dla klientów (w tym narzędzi do dbania o klientów i frontendu sprzedawcy) w kierunku technologii PWA.