{"id":5291,"date":"2023-01-08T07:00:30","date_gmt":"2023-01-08T05:00:30","guid":{"rendered":"https:\/\/yeeply.com\/it\/blog\/?p=5291"},"modified":"2023-01-12T18:15:24","modified_gmt":"2023-01-12T16:15:24","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/yeeply.com\/it\/blog\/sviluppo-app-mobile\/progressive-web-apps\/","title":{"rendered":"Progressive Web App: cosa sono e come funzionano?"},"content":{"rendered":"

In questo articolo ti parleremo delle Progressive Web App (PWA). Con questo scopo, in primo luogo, definiremo cosa sono le progressive web app per poi passare ad un\u2019analisi dei loro vantaggi ed inconvenienti. Infine, ti presenteremo un esempio di successo di PWA.<\/span><\/p>\n

VUOI CREARE UNA APP? SPIEGACI IL TUO PROGETTO!<\/a><\/div>\n

Cosa sono le progressive web app?<\/b><\/h2>\n

Quando si parla di applicazioni web progressive ci si riferisce a una nuova struttura o tecnologia. Si tratta di un insieme di miglioramenti pratici per far si che una <\/span>web app<\/span><\/a> funzioni in maniera simile ad un\u2019applicazione desktop o mobile. L’obiettivo \u00e9 quello di avere un\u2019esperienza simile o uguale a quella di un\u2019applicazione mobile nativa, in modo che l\u2019usuario non si renda conto della differenza che esiste tra un\u2019applicazione nativa e una PWA. <\/span><\/p>\n

Per iniziare, \u00e9 necessario saper <\/span>distinguere tra i siti web accessibili da un browser mobile dalle applicazioni <\/span><\/a>che si scaricano da uno store. Da un lato, abbiamo i siti web mobili, i siti web responsive e le web app. Dall\u2019altro lato, abbiamo le applicazioni native e le applicazioni ibride. <\/span><\/p>\n

Le progressive web app possono essere definite come una specie di mix tra le web app e le applicazioni native. Tuttavia, \u00e8 importante segnalare che la differenza fondamentale \u00e9 che le PWA ti consentono di installare l\u2019applicazione da una finestra di navigazione senza dover entrare nello store. \u00a0<\/span><\/p>\n

\"
Immagine di Yura Fresh<\/a> da Unsplash<\/a><\/figcaption><\/figure>\n

Vantaggi ed inconvenienti\u00a0<\/b>delle Progressive Web App\u00a0<\/b><\/h2>\n

Probabilmente, ti starai chiedendo perch\u00e9 risulti pi\u00fa interessante scegliere un\u2019applicazione web che imita le applicazioni native invece di una semplice un\u2019applicazione nativa. Scopri quali sono i vantaggi ed inconvenienti delle PWA.<\/span><\/p>\n

Vantaggi\u00a0<\/b><\/h3>\n

Le progressive web app offrono molti benefici sia per lo sviluppatore che per gli utenti. <\/span><\/p>\n

    \n
  1. Le PWA generalmente <\/span>funzionano abbastanza veloce rispetto ad un sito web. <\/span><\/b><\/li>\n
  2. Funzionano senza bisogno di avere una connessione internet.<\/li>\n
  3. Sono \u201cresponsive\u201d<\/b>. Quindi, funzionano con qualsiasi sistema operativo e con qualsiasi formato di dispositivo elettronico. <\/span><\/li>\n
  4. Funzionano come un\u2019applicazione nativa<\/b>: l\u2019icona appare nel telefono come app, si possono mandare notifiche push ed hanno accesso ad alcune funzionalit\u00e1 del telefono. \u00a0\u00a0<\/span><\/li>\n
  5. La PWA <\/span>si \u00a0trova nei motori di ricerca<\/b>: l\u2019ultimo algoritmo di Google la mette specialmente in evidenza. <\/span><\/li>\n
  6. Cattura l\u2019attenzione dell\u2019utente<\/b> perch\u00e9 permette l\u2019invio di notifiche. <\/span><\/li>\n
  7. Non \u00e9 necessario installarla attraverso lo store. <\/b>Questo \u00e9 un punto a favore sia per l\u2019utente che per il proprietario. \u00a0Per il primo, risulta beneficioso perch\u00e9 rimuove la necessit\u00e1 di passare attraverso dello store. Il secondo, invece, non ha bisogno di sottomettersi alle regole degli store di applicazioni<\/span>. <\/b><\/li>\n
  8. Non occupano spazio nella memoria del dispositivo mobile<\/b> dato che non \u00e8 necessario scaricarla.<\/span><\/li>\n<\/ol>\n
    \"schermata
    Immagine di Sheila Martin<\/a> da Flickr<\/a><\/figcaption><\/figure>\n

    Inconvenienti<\/b><\/h3>\n

    Nonostante la PWA sia un\u2019app innovativa con diverse funzionalit\u00e1 vantaggiose come quelle che abbiamo nominato, presenta anche qualche punto debole.<\/span><\/p>\n

      \n
    1. Perde il traffico degli app store<\/b>: Anche se elencato come un vantaggio, rappresenta un\u2019arma a doppio taglio. Infatti, molti utenti cercano le loro applicazioni esclusivamente negli app store.<\/span><\/li>\n
    2. Usano molta batteria: <\/b>Le PWA consumano pi\u00fa batteria rispetto alle applicazioni native visto che il codice \u00e9 di alto livello. Per questo, i dispositivi mobili richiedono pi\u00fa sforzi per poterlo interpretare. \u00a0<\/span><\/li>\n
    3. Non hanno accesso a tutte le funzionalit\u00e1 del telefono: <\/b>Questo pu\u00f3 essere considerato un punto debole importante per le PWA in confronto alle applicazioni native. <\/span><\/li>\n
    4. Alcune funzionalit\u00e1 non sono compatibili con iOS: <\/b>Nonostante la maggioranza degli utenti utilizzino dispositivi con un sistema operativo Android, le PWA non sono ottimizzate per essere compatibili con iOS e questo rappresenta una forte debolezza.<\/span><\/li>\n<\/ol>\n

      Un esempio di PWA\u00a0<\/b><\/h2>\n

      Lancome \u00e9 una celebre marca francese di lusso che si occupa del mondo della cosmetica e che appartiene al gruppo L\u2019Or\u00e9al. \u00a0<\/span><\/p>\n

      Nonostante l\u2019aumento dell\u2019utilizzo dei dispositivi mobili, l\u2019impresa not\u00f3 che registravano meno conversioni da quest\u2019ultimi in confronto ai computer. Per questo motivo decisero di investire in PWA per diminuire la frequenza di rimbalzo dai dispositivi mobili. Il risultato fu molto positivo: <\/span><\/p>\n