Lekki produkt mobilny dla sieci 3G
Nowa wersja mobilnego serwisu zaprojektowana pod realne ograniczenia urządzeń i połączeń internetowych na rynkach LATAM.
eSky / eDestinos
~156 KB
rozmiar całej strony po redukcji zasobów o 90%
Problem, który wymagał zmiany
Na rynkach Ameryki Łacińskiej wielu klientów korzystało z sieci 3G i słabszych urządzeń, dlatego ciężka strona bezpośrednio utrudniała zakup podróży.
Celem nie była kosmetyczna optymalizacja, lecz zaprojektowanie mobilnego doświadczenia wokół ograniczonego transferu, procesora i pamięci.
Od diagnozy do wdrożenia
- 01Prowadzenie rozwoju nowej strony mobilnej eSky i eDestinos
- 02Stworzenie lekkiego frameworka NanoJS z API zgodnym z jQuery
- 03Benchmarki na fizycznych urządzeniach mobilnych
- 04Testy end-to-end na telefonach iOS i Android przez Appium i WebDriver
- 05Mentoring zespołu w obszarze wydajności JavaScript i podejścia mobile-first
Decyzje ułożone w kontrolowany proces
- 01
Budżet wydajności
Ustalenie celu redukcji zasobów i pomiary na urządzeniach odpowiadających warunkom użytkowników.
- 02
Lekki fundament
Zastąpienie cięższych zależności własnym, małym frameworkiem dopasowanym do potrzeb produktu.
- 03
Optymalizacja zasobów
Redukcja JavaScript, styli i pozostałych plików składających się na doświadczenie mobilne.
- 04
Testy na urządzeniach
Automatyczne scenariusze E2E na iOS i Androidzie oraz utrzymanie wysokiego pokrycia testami.
90%
redukcji zasobów strony
~156 KB
docelowy rozmiar całej strony mobilnej
95%+
utrzymywanego pokrycia testami
Vanilla JS · NanoJS · Stylus · Sass · Appium · WebDriver · CI/CD
Następny krok
Masz podobne wyzwanie? Porozmawiajmy o konkretnym rezultacie.
Napisz krótko, co dziś ogranicza produkt lub zespół. Odpowiem bezpośrednio i wskażę sensowny pierwszy krok.
Następna realizacja
Szybsze decyzje na dużych zbiorach danych
Some Say · Aleksander Szmigiel