Comparând tema Magento cu PWA Storefront

Publicat: 2020-10-21

Cuprins

Având în vedere că P rogressive Web App este noua abordare a dezvoltării web peste tot, nici Magento nu a stat pe loc și a introdus o nouă modalitate de a promova mai multe adoptări PWA cu PWA Studio. Pentru a vă ajuta să înțelegeți mai bine această nouă abordare, articolul nostru de astăzi va încerca să compare vitrina PWA cu tema tradițională Magento și vă va ajuta să decideți dacă această nouă abordare merită cu adevărat.

Înțelegerea unei teme Magento

Definiție

Tema Magento, în termeni simpli, este o combinație de șabloane personalizate, machete, stiluri și imagini pentru a aduce un aspect unificator vitrinei dvs., precum și administratorului dvs. Magento.

Cum functioneaza

Temele Magento tradiționale urmează un concept de moștenire, ceea ce înseamnă că temele Magento personalizate sunt întotdeauna construite pe o temă de bază furnizată de Magento (Altă) și sunt foarte dependente de aplicația de bază Magento pentru funcționalitate. Tema Magento este făcută pentru a fi ușor de instalat și configurabil pentru comercianții care nu cunosc tehnologie, cum ar fi dvs., dar vine cu propriul set de limitări din cauza dezavantajelor inerente ale infrastructurii utilizate (CMS tradițional).

Exemple

Temele Magento pot fi găsite pe diverse platforme de pe Internet, în special pe Piața Magento și ThemeForest. În special pe ThemeForest, de exemplu, există peste 600 de teme și șabloane Magento în diverse industrii.

Tema Luma de Magento
Tema de bază Luma de la Magento

Vitrina PWA și cum este diferită

Definiție

Pe scurt, o vitrină PWA este o vitrină alimentată de Progressive Web App, care este cea mai recentă avansare de pe Web pentru a genera funcții de ultimă oră și îmbunătățiri ale performanței.

Cum functioneaza

Spre deosebire de conceptul de moștenire adoptat în temele Magento, vitrinele PWA sunt mai flexibile datorită modului în care infrastructura lor este conectată - fără cap și decuplată de backend-ul Magento. Această infrastructură este posibilă prin utilizarea instrumentelor de dezvoltare, cum ar fi PWA Studio, pentru a se asigura că vitrinele sunt modulare în natura sa și sunt echipate cu cele mai noi caracteristici și tehnologii.

Exemple

Vitrina PWA este încă în urmă în numărul de exemple disponibile, dar ajunge acolo. Pentru o experiență de bază și simplă, vă recomandăm magazinul Venia by Magento sau propria noastră vitrină Siminia. Și în cazul în care doriți o experiență mai captivantă, vitrina de modă ar trebui să fie potrivită pentru dvs., deoarece a fost adaptată pentru industria modei pentru a oferi un accent special pe vizual.

Tema SimiCart Fashion
Un aspect și o senzație elegantă cu tema Fashion [Demo]

Comparând tema Magento cu vitrina PWA

Prezentare generală

Vitrinele PWA au mai mult sens ca soluție pe termen lung, practică, deși provocatoare, dar asta nu înseamnă că nici temele Magento nu își au locul lor, deoarece este încă o modalitate excelentă pentru noii comercianți Magento de a cunoaște platforma și aflați despre elementele de bază ale unei vitrine Magento, precum și despre modul în care o vitrină captivantă poate genera mai multe conversii.

Tema Magento Vitrina PWA
Ușurință de instalare X
Număr de teme/vitrine X
Flexibilitate și scalabilitate X
Fiabilitate X
Caracteristici X
Performanţă X
Avantaj de cost X

Intrând în detalii

Ușurință de instalare

Tema tradițională Magento este veche, dar nu puteți spune că nu și-a îndeplinit scopul, adică să facă posibilă schimbarea aspectului vitrinelor și mai accesibilă chiar și pentru neprofesionist. Comercianții care folosesc teme Magento își pot schimba aspectul magazinului cu o simplă instalare/dezinstalare fie a unei teme Magento proprii, fie a unei teme Magento terță parte. În acest fel, comercianților nu este nevoie de prea mult efort, dacă este deloc, pentru a oferi o experiență de vitrină rafinată și captivantă.

Temele Magento curg
Temele Magento curg
Sursa: Prezentare generală a temelor Magento

Vitrina PWA, pe de altă parte, urmează o filozofie diferită (CMS fără cap) care prețuiește caracterul practic și funcționalitatea în detrimentul ușurinței în utilizare. Acesta este motivul pentru care procesul tipic de instalare a unei vitrine PWA poate fi considerat prea tehnic și mai orientat către dezvoltatori pentru comerciantul obișnuit.

Instalarea magazinului Venia
Instalarea magazinului Venia
Sursa: Magento

Număr de teme/vitrine

Datorită conceptului de moștenire, dezvoltatorii care lucrează pe teme Magento pot avea o temă de bază solidă și convenabilă (Blank) ca fundație cu ajutorul căreia pot crea teme Magento personalizate cu relativ puțin efort. În prezent, există peste 600 de teme și șabloane Magento în diverse industrii, iar acest număr este în creștere și astăzi.

Fiind o tehnologie relativ nouă, vitrinele PWA nu au același lux de a avea numere ca puterea lor. Această lipsă de varietate și disponibilitate a vitrinelor PWA — din perspectiva noastră ca furnizor de soluții care a lucrat pentru a furniza mai multe vitrine PWA comercianților Magento — este de așteptat, deoarece întregul proces de dezvoltare a vitrinelor PWA nu este la fel de ușor în comparație cu omologul său de teme Magento.

Cu toate acestea, puteți fi sigur că numărul de vitrine PWA crește rapid și probabil îl va depăși pe cel al temelor Magento în cel mai scurt timp. Din punctul nostru de vedere personal, avem o mulțime de vitrine PWA care vor fi gata să ajungă pe piață în viitorul apropiat, contribuind efectiv la promovarea adoptării vitrinelor PWA.

Vitrinele PWA viitoare de la noi
Vitrinele PWA viitoare de la noi

Flexibilitate și scalabilitate

Deoarece dezvoltatorii de teme Magento pot schimba doar anumite fișiere de teme, întregul proces de dezvoltare este de natură restrictivă. Acest lucru nu ar trebui să afecteze întreprinderile mici și mijlocii, dar pentru companiile mai mari care doresc să introducă modificări regulate de aspect în vitrinele lor, această lipsă de flexibilitate ar putea duce la alte probleme de scalabilitate.

Pentru a aborda vechile probleme de scalabilitate și flexibilitate cu temele Magento, vitrinele PWA adoptă arhitectura fără cap, care este un sistem care are stratul de prezentare (de exemplu, vitrinele Magento) decuplat de stratul logic de afaceri (de exemplu, backend Magento). Datorită acestei decuplări a celor două straturi fundamentale, dezvoltatorii care lucrează în vitrina dvs. pot avea o flexibilitate mai bună în dezvoltare, făcând, în consecință, o abordare mai scalabilă pentru mărcile emergente.

Magazinele care au urmat calea PWA și-au raportat succesele pozitiv, cu o creștere medie a ratei de conversie ajungând la 52%.

 Lectură recomandată: Comerțul fără cap și cum beneficiază comercianții

Fiabilitate

Fiabilitatea este o preocupare pentru temele Magento. Deoarece o temă Magento personalizată moștenește majoritatea fișierelor sale de la o temă părinte și are backend-ul strâns cuplat cu frontend-ul, o actualizare a temei părinte care merge prost (ceea ce este rar, dar posibil) vă poate distruge întreaga vitrină și vă poate lăsa afacerea paralizată. zile in sir.

O vitrină PWA, în schimb, nu este construită în jurul unei teme părinte și este fără cap în natura sa, ceea ce înseamnă că vitrina (frontend-ul) este decuplată de backend-ul său Magento și nu comunică direct cu aceasta, ci prin intermediul unui strat API de mijloc. . Și, deoarece vitrina este acum mai puțin strâns cuplată cu backend-ul Magento, actualizările pot fi instalate individual pe backend fără a rupe front-end-ul; împreună cu faptul că vitrinele PWA sunt în principiu module React reunite, actualizările pentru vitrina dvs. pot fi, de asemenea, lansate într-o manieră de minimizare a riscurilor - un modul după altul, asigurând o operare mai sigură.

Caracteristici

În ceea ce privește caracteristicile oferite, temele Magento sunt funcționale într-un anumit sens, dar nu excelează cu adevărat în acest sens, deoarece sunt încă site-uri web tradiționale cu accesibilitate hardware limitată.

Pe de altă parte, caracteristicile oferite de vitrinele PWA rivalizează cu aplicațiile mobile native datorită integrării sale profunde cu sistemul dispozitivului utilizat. Site-urile web alimentate de PWA folosesc cele mai recente tehnologii ale Web-ului pentru a oferi funcții care anterior exclusiv aplicațiilor mobile native, cum ar fi notificări push, servicii de localizare, adăugare la ecranul de pornire și capabilități offline, toate păstrând în același timp beneficiile de pe web.

Vezi această postare pe Instagram

Fiind aproape imposibil de distins de aplicațiile native, Progressive Web App (PWA) este viitorul Web-ului cu caracteristicile sale asemănătoare aplicației, una dintre acestea fiind capacitatea de a adăuga PWA pe ecranul de pornire, care poate revoluționa experiența web. . . . #pwa #app #nativeapp #websitedesign #web #google #chromedevsummit #chromedevsummit2019

O postare distribuită de SimiCart (@simicart.official) pe

 Articol înrudit: 9 caracteristici obligatorii ale unui PWA pentru comerțul electronic

Performanţă

Cu temele Magento, performanța generală a vitrinei dvs. poate fi afectată, deoarece dezvoltatorii care lucrează la tema dvs. Magento au mai puțin control asupra a ceea ce pot face modificări; și chiar dacă unele teme Magento pretind că sunt optimizate pentru performanță, diferența dintre una optimizată și una neoptimizată este aproape neglijabilă.

Performanța unei vitrine PWA are potențialul de a fi mult mai bună decât omologul său tematic Magento, datorită utilizării tehnologiilor de ultimă oră. Vitrinele PWA Studio folosesc GraphQL pentru modelarea datelor, care este o metodă modernă și mai eficientă de reducere a traficului de rețea și a vitezei de procesare.

Viteza paginii vitrinei PWA
Un punct de referință rapid al temei noastre Moda arată scorurile de top

În plus, în ceea ce privește performanța percepută, o vitrină PWA oferă, de asemenea, o experiență conectată și fluidă pentru cumpărători, ca urmare a mecanismului său superior de stocare în cache (serviciu). Deci, nu numai că vitrina dvs. PWA este rapidă, ci se va simți rapid chiar și atunci când conexiunea cumpărătorului este lentă și instabilă.

Avantaj de cost

Pentru întreprinderile mici și mijlocii care nu necesită personalizare extinsă și caracteristici pentru vitrina lor, temele Magento au în mod natural avantajul de cost. Acest lucru se datorează faptului că procesul de dezvoltare a unei teme tipice Magento s-a maturizat cu adevărat în timp, iar comercianții care doresc să aducă un nou aspect în vitrina lor pot alege cu ușurință o temă Magento din selecția vastă de teme Magento de pe ThemeForest, instalați-o. și beneficiați de toate îmbunătățirile vizuale și de performanță care vin cu tema instalată.

Teme ThemeForest Magento
Selecția vastă de teme Magento ajută la reducerea costurilor

Nu același lucru se poate spune despre vitrinele PWA, deoarece disponibilitatea este încă o problemă majoră cu această nouă abordare. Pentru a avea o vitrină PWA, de exemplu, trebuie fie să instalați vitrina gratuită Venia oferită de Magento, fie să angajați o echipă dedicată de dezvoltatori care să lucreze la vitrina dvs. PWA, ceea ce nu este o soluție ieftină și nici ușoară atunci când toate costurile sunt luate în considerare.

În plus, o vitrină PWA necesită mai puține cunoștințe specifice Magento decât dezvoltarea unei teme tradiționale Magento. Instrumentele și conceptele necesare în dezvoltarea unei vitrine PWA sunt, de asemenea, mai comune în rândul dezvoltatorilor front-end, astfel încât o vitrină PWA ar putea fi o soluție mai rentabilă pe termen lung, deoarece este mai ușor să angajați un dezvoltator frontend pentru a lucra la dvs. Vitrina PWA, în loc să angajeze un dezvoltator Magento.

 Articol similar: Cât costă construirea unui PWA pentru Magento?

Încercați o vitrină PWA

Selecția actuală de vitrine PWA nu este atât de mare, dar este în creștere rapidă. Vă recomandăm o privire rapidă peste SimiCart PWA Demo pentru aspectul și senzația unei vitrine PWA de bază.

Aici, la SimiCart, oferim vitrine PWA pline de funcții și ușor de instalat pentru afacerea dvs. Cu soluția noastră, puteți beneficia de toate beneficiile unei vitrine PWA fără niciun dezavantaj.

Construiește-ți vitrina Magento PWA

Citeste mai mult:
Cum se integrează PWA în Magento 2