Magento 2 e la tecnologia PWA

In questo articolo approfondiamo le Progressive Web Application, una tipologia di applicazioni web in grado di offrire agli utenti un'esperienza simile a quella delle App native.

Illustreremo i punti di forza di queste applicazioni rispetto ai siti responsive e alle App native e, in particolare, come le PWA possono migliorare l'esperienza dell'utente e aumentare le conversioni. Inoltre, forniremo informazioni su come Magento, primaria piattaforma per la vendita online, supporti le PWA e come sia possibile integrarle all'interno di un sito Magento.

• Cosa sono le PWA?
• Differenze tra PWA e sito responsive
• Differenze tra PWA e App nativa
• PWA e Magento 2
• Perché utilizzare la tecnologia PWA?
• Sviluppo Magento PWA

Cosa sono le PWA?

La Progressive Web Application, o PWA, è un'applicazione Web di nuova generazione a metà strada tra un sito responsive e una App. 

Le soluzioni PWA offrono un'esperienza di navigazione coinvolgente e ad alta velocità sia da computer che da dispositivo mobile.

Uno dei settori in cui la tecnologia PWA si sta diffondendo maggiormente è l'eCommerce, un ambito in cui le performance del sito e, in generale, la qualità dell'esperienza utente sono essenziali per il raggiungimento degli obiettivi di vendita.

Proprio nel 2019, al Magento Live Europe ad Amsterdam, Magento ha annunciato che PWA sarà il vettore principale per la futura piattaforma Magento.

Rispetto ai siti responsive e alle App native, la PWA presenta, di fatto, i vantaggi di entrambe le tecnologie e allo stesso tempo colma i limiti di ciascuna.

Differenze tra PWA e sito responsive 

Di seguito i principali vantaggi di una PWA rispetto a un sito responsivo: 

• Performance notevolmente più elevate grazie al peso estremamente contenuto delle pagine e al caching locale della versione del sito. Le PWA operano con un meccanismo cache-first in base a quale una volta caricati la prima volta, i contenuti della PWA non sono più recuperati dal server fino a quando la cache non viene invalidata;
• Massima ottimizzazione per la navigazione da dispositivi mobile grazie a un’interfaccia utente e a modalità di interazione App-like, ossia molto simili a quelle di un'App;
• Possibilità di coinvolgere gli utenti-clienti del proprio sito tramite notifiche push come nel caso di un’App nativa;
• Possibilità di installare la PWA, ossia di creare un collegamento rapido alla PWA sulla home del telefono o sul desktop del proprio PC;
• Possibilità di convertire la PWA in App nativa e di pubblicarla sulle piattaforme Google Play e Apple Store;
• Nel caso in cui l’utente abbia già caricato i contenuti della PWA e gli stessi siano quindi già presenti nella cache locale, possibilità di operare offline o con una connessione a Internet molto debole. Si tratta del principio offline-first, in base al quale la memorizzazione nella cache locale dei contenuti della PWA consente di usufruire della PWA anche offline.
  
  

Sebbene siano ancora dei siti Web, le PWA hanno quindi delle caratteristiche che le rendono più vicine a un'App rispetto a un sito reattivo.

Differenze tra PWA e App nativa

Di seguito i principali vantaggi di una PWA rispetto a un'App tradizionale:

• Sviluppo e manutenzione più semplice, essendo sufficiente un’unica versione del codice invece di una versione separata per Android e una per iOS;
• Indipendenza dalla piattaforma, essendo la PWA direttamente accessibile da qualunque tipo di dispositivo;
• Immediatezza di utilizzo, non essendo necessario alcun download ma solo un browser tradizionale;
• Indicizzabilità delle pagine con conseguente possibilità per l’utente di rinvenirne i relativi contenuti nei motori di ricerca;
• Possibilità di linkare le pagine della PWA e condividere i relativi URL.
  
  

Pur avendo molto in comune con le App, le PWA sono di più rapida implementazione e godono di tutti i benefici della tecnologia Web.

PWA e Magento 2

In qualità di piattaforma eCommerce leader di mercato, Magento si sforza di rimanere sempre all'avanguardia della tecnologia per far crescere rapidamente il business dei suoi Merchant.

A tal riguardo, Adobe contempla uno strumento ufficiale tramite cui creare vetrine PWA a partire da Magento. Si tratta di Magento PWA Studio, un insieme di strumenti per lo sviluppo, l'implementazione e la manutenzione di siti eCommerce PWA su Magento 2.3 e versioni successive.

Di concerto con Magento PWA Studio, il team di sviluppo Magento ha rilasciato anche la vetrina PWA Venia, anch'essa utilizzabile su un back-end Magento 2.3 o superiore.

Man mano che la PWA prende piede, anche fornitori terzi stanno rilasciando temi PWA basati su Magento PWA Studio e sulle componenti del suo stack tecnologico, tra cui, ReactJS e GraphQL. 

Dal canto loro, i principali fornitori di estensioni Magento, quali, Amasty, Mirasvit e MageWorx, hanno già iniziato a distribuire moduli GraphQL per PWA e Magento PWA Studio. 

Sebbene l'abilitazione della tecnologia PWA in Magento sia possibile anche tramite soluzioni proprietarie, per essere più indipendenti possibile da un particolare fornitore, noi preferiamo utilizzare la soluzione ufficiale Magento basata su Magento 2 PWA Studio.

Perché utilizzare la tecnologia PWA?

Le Progressive Web Application sono oggi il modo migliore per confezionare esperienze d'acquisto memorabili sia da desktop che da mobile.

Per questa ragione, la PWA si pone come la tecnologia di riferimento per l'eCommerce del presente e del prossimo futuro.

Considerando anche che, a seguito della pandemia, i numeri dell'eCommerce e del Mobile Commerce sono ulteriormente cresciuti, l'adozione della tecnologia PWA è, in molti casi, un investimento da valutare seriamente.

Del resto, come abbiamo visto, Magento PWA Studio consente ai commercianti di creare propri siti Web PWA su Adobe Commerce.

Sfruttare al massimo le potenzialità dell'eCommerce con Magento 2 PWA

Cerchi un modo per aumentare i tassi di conversione e migliorare l'esperienza del cliente sul tuo eCommerce? Non guardare oltre: le Progressive Web App (PWA) potrebbero essere proprio ciò di cui hai bisogno.

Advanced Logic, agenzia di esperti Magento certificati con esperienza decennale nello sviluppo di siti Magento, realizza soluzioni Magento PWA basate sulla strumentazione ufficiale di sviluppo Adobe, Magento PWA Studio

Contattaci ora per un preventivo gratuito.