Punkt wyjścia
Sklep przyszedł do nas z długiem po poprzedniej firmie
Quiosque trafił do nas w 2020 roku jako działający, sprzedający sklep z katalogiem ponad 5000 modeli. Po poprzednim wykonawcy zostały nawarstwione obejścia, dług techniczny i wąskie gardła wydajnościowe, które najmocniej było widać na telefonach, czyli tam, gdzie odbywała się większość zakupów. W modzie to szczególnie dotkliwe: ruch zmienia się sezonowo, a zdjęcia muszą być duże i ostre, bo to one sprzedają ubrania. Nie mogliśmy zatrzymać sklepu na czas porządków ani zacząć od zera. Każdą zmianę trzeba było wprowadzać na żywym systemie, w trakcie normalnej sprzedaży.
Co zrobiliśmy
Porządki na żywym sklepie, w trakcie sprzedaży
Najpierw poznaliśmy kod i infrastrukturę, potem po kolei zajmowaliśmy się najwolniejszymi widokami. Każdą zmianę wdrażaliśmy w trakcie normalnej pracy sklepu.
- 1
Przejęcie kodu i infrastruktury
Przejęliśmy repozytorium, serwery i proces wdrożeń po poprzednim wykonawcy. Spisaliśmy moduły, nadpisania i miejsca, w których kod obchodził standardowe mechanizmy Magento. Na tej podstawie ustaliliśmy kolejność prac, tak żeby najpierw usuwać problemy, które najbardziej spowalniały sklep albo groziły awarią w szczycie sprzedaży.
- 2
Wydajność frontu na Hyvä
Zajęliśmy się widokami, przez które przechodzi każdy klient: stroną główną, listingiem kategorii i kartą produktu. Usunęliśmy wąskie gardła w szablonach Hyvä, uporządkowaliśmy ładowanie zdjęć i skryptów i pilnowaliśmy Core Web Vitals. Na mobile sklep osiągał ponad 85 punktów w Lighthouse, mimo dużych zdjęć z sesji.
- 3
Wdrożenie Hyvä Checkout
Wdrożyliśmy Hyvä Checkout, proces zamówienia zbudowany na tych samych technologiach co reszta frontu: Alpine.js i Tailwind CSS. Checkout ładuje mniej kodu niż domyślny proces Magento, co miało znaczenie w sklepie, w którym większość zakupów odbywała się na telefonach. Zmianę przeprowadziliśmy bez przerwy w przyjmowaniu zamówień.
- 4
Rozwój do 2025 roku
Przez kolejne lata rozwijaliśmy storefront i przygotowywaliśmy go na szczyty sprzedażowe. Pilnowaliśmy, żeby nowe funkcje i kolejne sezony w katalogu nie cofały wyników wydajności, a sklep z ponad 5000 modeli działał przewidywalnie przy zwiększonym ruchu. Na bieżąco wdrażaliśmy też poprawki i aktualizacje.
Efekt
Pięć lat rozwoju przejętego sklepu
Sklep, który przejęliśmy z długiem technicznym, przez kolejne lata działał szybko i stabilnie. Front na Hyvä z Hyvä Checkout osiągał na mobile ponad 85 punktów w Lighthouse przy zdjęciach w wysokiej jakości, a katalog ponad 5000 modeli działał przewidywalnie także w sezonowych szczytach. Współpraca trwała od 2020 do 2025 roku i przez cały ten czas prowadziliśmy rozwój na żywym sklepie, bez zatrzymywania sprzedaży.
- Przejęcie kodu i infrastruktury po poprzednim wykonawcy
- Front na Hyvä z wynikiem 85+ w Lighthouse na mobile
- Wdrożony Hyvä Checkout
- Rozwój i utrzymanie od 2020 do 2025 roku
