Ranking i porównanie: jakie PWA wybrać do Magento?

Ranking i porównanie: jakie PWA wybrać do Magento?

W ramach PWA zawsze warto dobrze przemyśleć, to na co chcemy się zdecydować. Wybór pomiędzy PWA Studio, Vue Storefront, ScandiPWA a lokalnym PWA, musi być przemyślany i dopasowany do Twojego biznesu. Ranking, który przygotowałem na pewno ułatwi Ci ten wybór!

Co znajdziesz w tym artykule?

Jakie PWA wybrać do Magento?
Ranking i porównanie PWA
Jakie jest najlepsze PWA do Magento?
Jakie czynniki nie wpływają na decyzje, które PWA wybrać?
Najlepsze PWA do Magento – podsumowanie

Jakie PWA wybrać do Magento?

Jeżeli już zdecydowaliście się na PWA do projektu wdrożenia Magento, to pojawia się pytanie, które PWA, jaką aplikację zgodną z PWA wybrać.

Jak zawsze na samym początku prosta odpowiedź na to trudne biznesowe pytanie: powinniście zdecydować się na PWA Studio albo Vue Storefront.

To jest krótka odpowiedź na to trudne biznesowe pytanie, natomiast dla tych, którzy poszukują więcej informacji, zapraszam do dalszej lektury. Dokładnie opiszę, w jaki sposób dyrektor ecommerce, prezes albo właściciel firmy, która planuje wdrożenie Magento, powinien podejmować tę decyzję, które kryteria wziąć pod uwagę, która technologia jaką ocenę dostaje i z czego wynika końcowa rekomendacja.

Rozłożymy to na czynniki pierwsze i dokładnie przejdziemy przez nie krok po kroku, tak, abyście na sam koniec tego artykułu wiedzieli jak najwięcej.

Ranking i porównanie PWA

Zacznijmy od przedstawienia potencjalnych kandydatów w moim porównaniu. Wśród nich znajduje się PWA Studio (rozwiązanie wspierane przez Adobe) Vue Storefront, ScandiPWA, a także lokalne PWA.

Chciałbym teraz skupić się na tych ostatnich. Powstało kilka takich rozwiązań, które różne Software House stworzyły jako swoje własne PWA. Nazwały je w określony sposób (przykładowo PWA XYZ), podkreślając, że to jest framework, który można bezpiecznie implementować w różnych firmach. Nazywam to „lokalnymi PWA”.

Nie są to rozwiązania, które cieszą się dużą popularnością na rynku, ale istnieją i warto je wziąć pod uwagę podczas porównywania różnych opcji. Przy tym od razu odpowiem na ewentualne zarzuty—tak, upraszczam rzeczywistość i te wszystkie rozwiązania wrzucam do jednego worka. Kryteria, które zostały zastosowane w porównaniu nie różnicują ich.

Przejdźmy teraz do porównania. Przygotowałem szereg kryteriów. Każde z nich oceniłem w skali od zera do trzech, a na końcu powstaje sumaryczna ocena (bez wag. Jeżeli uważacie, że w Waszym biznesie różne kryteria mają różą wagę to spokojnie możecie dodać jeszcze taką zmienną). Oczywiście jest to pewne uproszczenie i próba nałożenia aspektu analitycznego na całe porównanie tych technologii, ale na końcu, jak zobaczycie, wychodzą bardzo interesujące wyniki.

Adopcja

Pierwszym kryterium jest adopcja. Odnosi się do tego, czy dane rozwiązanie technologiczne zdobyło pewną masę krytyczną, która pokazuje nam, że rozwiązanie to zyskało pewne uznanie na rynku i jest rzeczywiście wykorzystywane przez firmy.

W swojej analizie skorzystałem z danych dostarczonych przez stronę BuiltWith (moglibyśmy alternatywnie zastować Wappalyzer’a albo dane z Httparchive).

Choć nie jest to idealne rozwiązanie, dostarcza ono pewnych danych. PWA Studio i Vue Storefront, a przede wszystkim Vue Storefront w przypadku tej metryki, osiągają naprawdę świetne wyniki. To pokazuje, że rynek zdecydowanie przyjął to rozwiązanie.

Natomiast ScandiPWA i lokalne PWA nie zdobyły takiego uznania. Mówiąc konkretnie, nie jest możliwe znalezienie danych na temat lokalnych PWA za pomocą BuiltWith. Przeglądając jednak strony internetowe firm tworzących dane rozwiązanie, można znaleźć szczątkowe informacje na temat liczby wdrożeń. W związku z tym, nie podaję konkretnej liczby, ponieważ jej nie znam, ale na pewno jest ona mniejsza niż dla ScandiPWA (jakby była większa BuiltWith coś by pokazał).

Technologia ScandiPWA nie zdobyła znaczącej popularności na rynku, co można zaobserwować na podstawie dostępnych danych i porównań.

Ranking i porównanie PWA: kryterium - adopcja

Czy nowe sklepy wybierają tą technologię?

Kolejnym kryterium, które brałem pod uwagę, było to, czy nowe sklepy decydują się na tę technologię.

Analizowałem wykresy dostępne na stronie BuiltWith, sprawdzając, czy krzywa wzrostu jest stabilna i ciągle wznosząca, czy może w pewnym momencie jej rozwój zwolnił, a liczba sklepów korzystających z danej technologii pozostaje niezmienna.

Okazało się, że pomimo mniejszej liczby sklepów korzystających z PWA Studio w porównaniu do View Storefront, ta technologia ciągle rośnie. Można to zauważyć na wykresie, na którym stale pojawiają się nowe projekty oparte na PWA Studio.

Jeśli przyjrzymy się krzywej przyrostu, na przykład w przypadku ScandiPWA, zauważymy, że ona wcale nie rośnie. Oznacza to, że firmy raczej odchodzą od tej technologii, co jest dość ciekawe.

Lokalne PWA, używając BuiltWith, jest niewykrywalne, dlatego zaznaczyłem tutaj 0.

Dlaczego uwzględniamy te dwa (jak do tej pory) kryteria? Jeśli dana technologia ma trakcję, prawdopodobnie będzie nadal rozwijana i można stwierdzić, że jest ona w pewnym sensie perspektywiczna. Oznacza to, że bezpiecznie możecie wybrać tę technologię, spokojnie spać, wiedząc, że za kilka lat ta technologia nadal będzie rozwijana i wspierana. Jeżeli na tym etapie widzimy, że dana technologia nie zdobyła trakcji, a nowe projekty nie wykorzystują jej potencjału, to prawdopodobnie nie będzie ona dalej rozwijana. Decyzja o inwestowaniu w taką technologię w tym momencie nie wydaje się być bezpiecznym wyborem.

Ranking i porównanie PWA: kryterium - wybór technologii

Backup dużej firmy

Kolejnym aspektem jest wsparcie dużej firmy. Jako osoba prowadząca działalność gospodarczą, nie chciałbym angażować się w technologię, która na przykład za rok straci wsparcie, zmuszając do przeprowadzenia nowego wdrożenia frontendu Magento.

Jako przedsiębiorcy, powinniście podejmować decyzje dotyczące wyboru technologii, które przetrwają kolejne 5 lat Waszego wzrostu, będą wspierane i rozwijane, bez konieczności przeprowadzania dodatkowego redesignu wynikającego jedynie z utraty wsparcia dla danej technologii.

W końcu osoby zarządzające ecommerce powinny podejmować kalkulowane ryzyka i jeżeli teraz wybierzecie technologię, która 2 miesiące po uruchomieniu produkcyjnym przestanie być rozwijana przez dostawcę to właściciele biznesu raczej nie będą gratulowali Wam przezorności i tego, że dokonaliście dobrej decyzji biznesowej. Bycie liderem zmian jest fajne i medialne, ale druga strona medalu jest taka, że koszty błędnej decyzji są bardzo wysokie.

W związku z tym, im większa firma wspiera daną technologię i rozwija ją w swoich strukturach, tym większe mamy bezpieczeństwo finansowania rozwoju danej technologii.

Obecnie PWA Studio jest pod kontrolą Adobe. Adobe jest dużą i stabilną firmą, dlatego przyznajemy tutaj 3 punkty. View Storefront jest wspierany przez firmę, gdzie na LinkedInie znalazłem informację, że w firmie odpowiedzialnej za Vue Storefront pracuje obecnie 135 osób, co stanowi imponującą liczbę. Przyznaję zatem tutaj 2 punkty. Scandi PWA jest wspierane przez Scandi, ale z wywiadów przeprowadzonych z pracownikami Scandi można wywnioskować, że raz są osoby do wspierania tej technologii, a raz ich nie ma, ponieważ realizują komercyjne projekty. W tym przypadku przyznajemy 1 punkt. Lokalne PWA są rozwijane przez lokalne firmy, czyli software house’y w Polsce. Największe z nich, zajmujące się Magento, liczą prawdopodobnie 100+ osób. W związku z tym nie można stwierdzić, że takie firmy są równie bezpieczne jak Adobe czy firma odpowiedzialna za Vue Storefront. Na pewno te firmy są też mniejsze od Scandiweb (na LinkedIn około 550 pracowników).

Ranking i porównanie PWA: kryterium - backup firmy

Aktualizowana roadmapa

Aktualizacja roadmapy danej technologii daje nam informacje o jej dalszym rozwoju. Jeśli twórca technologii regularnie aktualizuje roadmapę, istnieje duże prawdopodobieństwo, że ta technologia będzie ciągle rozwijana. Jeżeli tak nie jest, niestety prawdopodobieństwo, że twórca porzucił rozwój tej technologii, jest duże.

Przykładowo, w przypadku PWA Studio i Vue Storefront, oceniam sytuację na 3 punkty, ponieważ roadmapa jest aktualizowana i transparentna. Natomiast w przypadku ScandiPWA, ostatnie wpisy pochodzą z Q3 2022 roku i od tego czasu nie pojawiają się żadne nowe wpisy. Co więcej, w przypadku lokalnego PWA, nie można znaleźć żadnych informacji, więc oceniam tę sytuację na 0 punktów.

Ranking i porównanie PWA: kryterium - aktualizowana roadmapa

Budżet potrzebny na wdrożenie (PL)

Chciałbym poruszyć kwestię budżetu potrzebnego na wdrożenie w warunkach polskich, stąd tutaj dopisek PL. Czym jest to kryterium? Wskazuje ono, ile początkowo będzie nas kosztować wdrożenie danej technologii.

Tutaj widzimy określone godziny, które musimy odpowiednio zinterpretować. Oznaczają one jedynie pracę programisty – nie uwzględniają one pracy PM’a, QA’a ani przygotowania projektów graficznych. Wszystko to jest tutaj pominięte, skupiamy się wyłącznie na pracy programistycznej.

Przygotowaliśmy to porównanie, korzystając z doświadczenia naszych wewnętrznych programistów oraz na podstawie różnych rozmów z dyrektorami ecommerce, którzy otrzymywali wyceny wykonania danego frontendu w różnych technologiach.

Załóżmy, że mamy pewien projekt, którego wdrożenie na PWA Studio zajmuje 1500 godzin. Ten projekt ma konkretny wygląd. Sprawdziliśmy więc, czy wyceny w przypadku Vue Storefronta, ScandiPWA oraz lokalnego PWA będą znacząco wyższe lub niższe.

Jeżeli różnice wynoszą, około 100 godzin, uważamy, że są one niewielkie w kontekście całego projektu. Z drugiej strony, im większe są te różnice, tym bardziej zauważalne stają się w ocenach.

W przypadku PWA Studio, czas pracy wynosi około 1500 godzin. Porównywalny sklep na Vue Storefront wymaga prawdopodobnie około 1400 godzin. ScandiPWA to mniej więcej 1800 godzin. W większości opisów tych lokalnych PWA znajdziemy informację, że ich wdrożenia są szybkie, sprawnie przeprowadzane i satysfakcjonujące. Po przeprowadzonych rozmowach z dyrektorami, którzy implementowali takie rozwiązania, można stwierdzić, że są one rzeczywiście szybsze w implementacji, ale nie na tyle, aby proces trwał na przykład 200 godzin. Wpisaliśmy około 1200 godzin (takie wartości udało mi się potwierdzić), ale tak czy inaczej przyznaliśmy lokalnym PWA najwyższą ocenę, czyli 3 punkty, ponieważ jest to najmniejsza liczba godzin ze wszystkich PWA.

Ranking i porównanie PWA: kryterium - budżet potrzebny na wdrożenie

Budżet potrzebny na utrzymanie (PL)

Kolejnym aspektem jest budżet, który jest niezbędny do utrzymania danego rozwiązania. Oceny za te kryterium wynikają z dostępności gotowych rozwiązań na rynku, obecności społeczności, która rozwija dane rozwiązanie, dostępności programistów oraz z analizy, czy ich wynagrodzenia są wysokie, czy raczej nieco niższe.

Na tej podstawie oceniliśmy budżet potrzebny na utrzymanie. W tym wypadku PWA Studio otrzymało 3 punkty, Vue Storefront 2 punkty, ScandiPWA 1 punkt, a lokalne PWA nie otrzymało żadnego punktu.

Krótko wyjaśnię, dlaczego tak uważam. Przyjrzyjmy się konkretnemu przykładowi. Załóżmy, że macie moduł, który jest niezbędny do integracji, na przykład wtyczkę przelewy24.

Możecie znaleźć coś przydatnego, co jest już napisane pod Vue Storefront, ale pod ScandiPWA i Lokalne PWA już niekoniecznie. Oznacza to, że w przypadku ScandiPWA i lokalnego PWA, jeżeli pojawią się jakiekolwiek dodatkowe nowe funkcjonalności to jako właściciele tej technologii będziecie odpowiedzialni za finansowanie tego rozwoju.

Ranking i porównanie PWA: kryterium - budżet potrzebny na utrzymanie

Szybkość wdrożenia (time to market)

Kolejnym aspektem jest szybkość wdrożenia, inaczej mówiąc – time to market. Chodzi tutaj o to, jak szybko jesteście w stanie uruchomić sklep na Magento w jednym z tych 4 frontendów.

Jest to ściśle powiązane z tym, jak duże jest zazwyczaj wdrożenie. Jednakże, tutaj najlepszą cenę zdecydowanie otrzymuje lokalne PWA, ponieważ te rozwiązania da się rzeczywiście wdrożyć najszybciej (według tego, co udało nam się potwierdzić).

W przypadku ScandiPWA są to najwolniejsze wdrożenia, co potwierdza nasze doświadczenie i rozmowy z dyrektorami ecommerce, którzy zdecydowali się na tego typu rozwiązania.

Jeśli chodzi o szybkość wdrożenia, PWA Studio i Vue Storefront można określić jako przeciętne. Otrzymały one ocenę 2.

Ranking i porównanie PWA: kryterium - time to market

Dostępność programistów (ilość i doświadczenie w konkretnym frameworku)

Poszczególne rozwiązania wykorzystują konkretne języki programowania. Teraz pojawia się pytanie o ilość programistów, którzy są biegli w pisaniu w tym konkretnym języku. Druga kwestia to, czy jeżeli nawet znają język, muszą oni dogłębnie zrozumieć, jak dane rozwiązanie PWA zostało napisane. Z jednej strony, istotne jest, aby mieć dostęp do programistów, z drugiej zaś, powinni oni bez problemu odnajdywać się w konkretnym PWA.

PWA i Scandi wykorzystują React’a, Vue Storefront wykorzystuje Vue.js, natomiast lokalne PWA różnią się pod tym względem. Z uwagi na fakt, że PWA Studio i Vue Storefront są już dobrze znane programistom, łatwo jest znaleźć specjalistę, który miał do czynienia z tymi technologiami.

Jeśli jednak zdecydujecie się na lokalne PWA napisane w Reactcie i zwrócicie się do innego software house’u, pracownicy mogą nie mieć doświadczenia z tym konkretnym PWA. Jest to rozwiązanie, które jest rozwijane przez jedną firmę.

Podczas przeglądania LinkedIn, wpisując „programista React.js”, otrzymałem około 3.500 wyników w Polsce. W przypadku Vue.js wyników było około 1500 tysiąca. Jest więc pewna różnica w tych liczbach, ale można powiedzieć, że jest to duża liczba programistów

Ranking i porównanie PWA: kryterium - dostępność programistów

Przenaszalność projektu pomiędzy software house’ami (vendor lock in)

Gdy decydujecie się na rozwiązania open source, takie jak Magento, prawdopodobnie zależy Wam na niezależności od jednego konkretnego software house’u. Jeżeli dany software house napotka na problemy organizacyjne, jeśli zmieni się zespół projektowy, Project Manager nie spełnia Waszych oczekiwań lub jakość pracy zespołu spadnie, prawdopodobnie będzie chcieli mieć możliwość przeniesienia swojego sklepu lub platformy B2B do innego software house’u.

W tym miejscu pojawia się pewna “niespodzianka”. Nie chodzi tutaj o zapisy umowy czy prawa autorskie tylko kwestia tego, czy jest to w rzeczywistości możliwe do zrealizowania.

W przypadku PWA Studio jeśli zdecydujecie się na współpracę z innym software house’em, nie będzie to problem, podobnie w przypadku Vue Storefront.

W przypadku Scandi PWA, większość projektów, które widziałem, były bardzo mocno customizowane (w zasadzie można powiedzieć o tym, że były już dedykowane PWA) dlatego tutaj oceniam na 2 punkty. Natomiast lokalne PWA (mieliśmy okazję je audytować) są praktycznie nieprzenoszalne.

Ranking i porównanie PWA: kryterium - vendor lock in

Bonus za made in Poland

Uznaliśmy, że warto wspierać projekty tworzone lokalnie. Polska to wspaniały kraj z niezwykle uzdolnionymi programistami i prężnie rozwijającymi się firmami. Dlaczego zatem nie wspierać rozwiązań, które są tworzone w naszym kraju i tym samym nie wspierać naszej gospodarki?

W związku z tym wprowadziliśmy dodatkową ocenę – bonus za produkt „made in Poland”.

Vue Storefront oraz lokalne PWA zdobywają dodatkowy punkt, ponieważ są to rozwiązania tworzone w Polsce. Natomiast w przypadku PWA Studio i ScandiPWA przyznajemy 0 punktów.

Ranking i porównanie PWA: kryterium - made in Poland

Opcja płatnego SLA i Cloud

Kolejnym aspektem jest możliwość zakupu licencji tych rozwiązań, które są dostępne w wersji open source.
W przypadku Adobe, mamy do dyspozycji Adobe Commerce Cloud, więc zawsze istnieje taka opcja. W przypadku Vue Storefront istnieje również płatna opcja, która, o ile mi wiadomo, nazywa się Enterprise. Jeśli chodzi o ScandiPWA i lokalnych PWA takich płatnych rozwiązań nie ma. Nie kupimy więc od nich od razu Clouda z SLA.

Ranking i porównanie PWA: kryterium - SLA i Cloud

Jakie jest najlepsze PWA do Magento?

Jakbym zarządzał obecnie ecommerce to właśnie te powyższy kryteria brałbym pod uwagę wybierając konkretne rozwiązanie PWA.

Podsumowując, najlepiej oceniane jest PWA Studio. Vue storefront nie odstaje zbytnio od PWA Studio. Natomiast ScandiPWA i lokalne PWA uzyskały zdecydowanie najniższe oceny.

Mam nadzieję, że ten ranking przypadł Wam do gustu i czujecie, że zyskaliście trochę wartościowej wiedzy. Mam jeszcze jeden mały bonus.

Ranking i porównanie PWA: podsumowaniev

Jakie czynniki nie wpływają na decyzje, które PWA wybrać?

Tym małym bonusem jest opisanie kilku aspektów, które są charakterystyczne dla PWA, ale nie wpływają na decyzję dotyczącą tego, które PWA spośród dostępnych wybrać, ponieważ nie różnicują PWA między sobą.

  • Optymalizacja pod SEO

Zastanówmy się, co musi zrobić sklep internetowy z punktu widzenia inwestycji. Przede wszystkim, musi być skonstruowany tak, aby przyciągać jak najwięcej użytkowników na swoją stronę internetową i następnie, sklep internetowy musi być zaprojektowany w taki sposób, aby jak największą liczbę tych użytkowników, którzy już odwiedzili stronę internetową, przekształcić na klientów.

Innymi słowy, z jednej strony musi być skonstruowany w taki sposób, aby być zoptymalizowanym pod SEO, aby dobrze wypadać w organicznych wynikach wyszukiwania i przyciągać jak najwięcej użytkowników. Z drugiej strony, sklep musi efektywnie konwertować użytkowników na klientów.

Przy wyborze technologii, powinniście zastanowić się, czy wpływa ona na 2 kluczowe aspekty: zdolność przyciągania użytkowników na stronę i zamianę użytkowników na klientów. Przy porównaniu różnych technologii PWA, nie ma znaczących różnic. Ogólnie optymalizacja PWA pod SEO może być trudna i wiąże się z dodatkowymi kosztami.

  • Realizacja nietypowych modeli biznesowych

Każda z technologii PWA umożliwia realizację różnych modeli biznesowych. Na przykład, jeżeli wymyślicie aplikację na smartwatcha czy jakiekolwiek inne urządzenie, możliwe będzie jej wdrożenie za pomocą tych rozwiązań technologicznych. Są one bowiem „headlessowe”.

  • Wersja mobilna & app like experience


Jeśli rozważymy instalacje na ekranie telefonu i dostarczenie użytkownikom “app-like experience” znowu mamy do czynienia z inherentną cechą PWA.

Najlepsze PWA do Magento – podsumowanie

Podsumowując—starałem się oceniać te rozwiązania PWA tak, jakbym sam był dyrektorem ecommerce albo właścicielem dużego biznesu, który w tym momencie podjął decyzję o wdrożeniu Magento, następnie zdecydował, że chce, aby było to na PWA, i teraz stoi przed decyzją, jakie PWA wybrać.

Z naszej oceny wynika, że najbezpieczniejszym wyborem będzie PWA Studio, również dobrym wyborem okaże się Vue Storefront. Zdecydowanie nie wybrałbym dwóch ostatnich rozwiązań czyli ScandiPWA i lokalnego PWA.

Oczywiście może się zdarzyć, że któreś z lokalnych PWA zyska popularność i za rok sytuacja będzie wyglądała zupełnie inaczej (za co trzymam kciuki). Na dzień dzisiejszy ranking wygląda właśnie tak.

Mam nadzieję, że wiedza zawarta w tym artykule jest wartościowa, a sam ranking ułatwi Ci wybór PWA! Jeśli chcesz przygotować się jeszcze lepiej do tematu wdrożenia, to koniecznie sprawdź wpis mówiący o tym jak przeprowadzić skuteczną analizę biznesową przed wdrożeniem Magento!

    Chcesz być na bieżąco?

    Zapisz się do newslettera!



    Jak wynegocjować niższą stawkę godzinową z agencją ecommerce?
    Jak wynegocjować niższą stawkę godzinową z agencją ecommerce?
    Co to jest optymalizacja współczynnika konwersji ecommerce?
    Co to jest optymalizacja współczynnika konwersji ecommerce?
    Możliwości marketing automation w Magento
    Możliwości marketing automation w Magento
    Czym są Podstawowe Wskaźniki Internetowe (Core Web Vitals)?
    Czym są Podstawowe Wskaźniki Internetowe (Core Web Vitals)?
    Lista kontrolna budżetu na wdrożenie ecommerce