Dowiedz się, jak niewielki zespół osiągnął duże sukcesy dzięki stworzeniu atrakcyjnej aplikacji PWA na platformie handlowej.
OpenSooq to platforma z ogłoszeniami drobnymi z siedzibą w Ammanie, która oferuje szeroką gamę produktów i usług w 19 krajach na Bliskim Wschodzie i w Afryce Północnej.
Wyzwanie
Ponad 85% ruchu w OpenSooq pochodzi z urządzeń mobilnych i liczba ta ciągle rośnie. Wiele osób w tym regionie korzysta z urządzeń niskiej klasy o ograniczonej pojemności. Z tego powodu strona mobilna OpenSooq musi być szybka i lekka. Jednak powolne wczytywanie w starej wersji mobilnej OpenSooq wpływało na zadowolenie klientów i doprowadziło do współczynnika odrzuceń na poziomie 49% na takich rynkach jak Kuwejt.
Aby zapewniać klientom niezmiennie lepszy komfort obsługi na wszystkich platformach, firma zdała sobie sprawę, że potrzebuje szybszej i bardziej responsywnej witryny. W czerwcu 2017 roku zespół inżynierów OpenSooq wprowadził progresywną aplikację internetową (PWA).
Nacisk na wydajność i niezawodność
Trzech firmowych deweloperów OpenSooq udało się w zaledwie 2,5 miesiąca stworzyć w pełni funkcjonalną aplikację PWA z użyciem React i pakietu internetowego.
Aby zapewnić szybkie i łatwe indeksowanie witryny przez wyszukiwarki, zespół zdecydował się na renderowanie po stronie serwera. Prawie 28% użytkowników korzystało z progresywnej aplikacji internetowej w nieregularnych sieciach 2G lub 3G, więc ważne było, aby użytkownicy zaufali aplikacji – bez względu na ograniczenia sieci. Zespół wdrożył więc środowisko offline z wykorzystaniem skryptów service worker oraz strategii ustalania stawek w pamięci podręcznej, a potem. Wykorzystano też wzorzec PRPL, aby zapewnić użytkownikom natychmiastowe wczytywanie.
Dzięki zastosowaniu tych sprawdzonych metod udało się skrócić średni czas wczytywania strony (Czas do pełnej interakcji) z 4 do mniej niż 2 sekund. Wykorzystała też Lighthouse, aby zadbać o szybkie działanie strony. Dzięki tym działaniom OpenSooq odnotował ponad 1,8 miliarda odsłon miesięcznie.
Ponad jedna czwarta naszych użytkowników korzysta z progresywnej aplikacji internetowej OpenSooq z sieci o niskiej jakości, więc niezawodność była kluczowe dla utrzymania zaangażowania użytkowników. Mechanizmy Service Worker i strategie buforowania pomogły nam stworzyć niezawodne środowisko użytkownika, którego potrzebowaliśmy.
Amin Shoman, menedżer techniczny PWA, OpenSooq
Poprawa ponownego zaangażowania
Zespół OpenSooq chciał zapewnić użytkownikom wydajne i niezawodne korzystanie z produktu. W tym celu umożliwiła użytkownikom zainstalowanie aplikacji PWA na ekranie głównym i obsługę istotnych powiadomień. Dzięki temu witryna mogła powiadamiać kupujących o interakcjach sprzedawców ze sprzedawcami w zapytaniach i o aktywacji i wygaśnięciu reklam.
Dzięki tym ulepszeniom liczba aktywnych użytkowników OpenSooq miesięcznie wzrosła o 14%. W przypadku użytkowników, którzy zainstalowali PWA, liczba wizyt na stronie wzrosła o 48%, a średni czas trwania sesji – o 28%. Firma OpenSooq odnotowała też wzrost średniego czasu spędzonego przez użytkowników na stronie o 25% oraz spadek średniego współczynnika odrzuceń na wszystkich rynkach o 29%.
Perspektywy
Po zaledwie kilku tygodniach pracy firma OpenSooq opracowała w pełni funkcjonalną aplikację PWA o wielkości 23 KB, która zapewnia spójne wrażenia użytkowników niezależnie od platformy i przeglądarki. Ponieważ aktualizowanie funkcji w internecie jest łatwe, zespół zdecydował się na PWA, uruchamiając i testując nowe funkcje oraz przepływy użytkowników w tej aplikacji przed wdrożeniem ich na innych platformach.
OpenSooq pracuje teraz nad dodaniem prośby o instalację zależnie od platformy i integracji PWA z przyspieszonymi stronami mobilnymi (AMP). Te ulepszenia jeszcze bardziej przyspieszą wczytywanie stron i umożliwią przejście na aplikację na danej platformie płynnie. Opierając się na swoich początkowych pracach programistycznych, zespół OpenSooq zapewnia użytkownikom najlepsze możliwe wrażenia.
Znaczenie opracowania naszej aplikacji PWA było jasne zarówno dla kierownictwa, jak i zespołów technicznych. Po stworzeniu nowoczesnej aplikacji internetowej i zwiększeniu jej skuteczności z radością obserwujemy, jak nasza 2,5-miesięczna inwestycja wpłynęła na wyniki firmy.
Ramzi Alqrainy, dyrektor ds. technologii, OpenSooq