Una PWA, progressive web app, è un'applicazione costruita con le tecnologie del web che si può installare sul telefono o sul computer, aprire in una finestra sua come un'app e usare anche quando la rete manca (MDN, Progressive web apps). Non passa dagli store e si aggiorna come un sito. Conviene quando le persone usano lo strumento spesso e non ti serve un accesso profondo all'hardware del dispositivo.
Cosa serve perché una web app diventi una PWA?
Pochi elementi, tutti standard. Il primo è il manifest, un piccolo file che dice al sistema il nome dell'app, le icone, la pagina di avvio e come deve aprirsi, per esempio senza la barra del browser. Il secondo è HTTPS: senza connessione sicura il browser non propone l'installazione (MDN, rendere installabile una PWA).
Il terzo è il service worker, uno script separato dall'interfaccia che si mette tra l'app e la rete: intercetta le richieste e può rispondere con copie salvate sul dispositivo. Oggi non è obbligatorio per l'installazione, ma senza service worker non c'è funzionamento offline, ed è per questo che molte PWA lo usano.
Alla base c'è il miglioramento progressivo: chi apre la PWA con un browser che non la sa installare la usa come un normale sito, chi ha un browser compatibile può installarla, e le funzioni più avanzate si attivano solo dove il dispositivo le supporta (MDN, cos'è una PWA).
Come si installa su Android, iPhone e computer?
Dipende dal sistema operativo e dal browser. Su Android, Chrome sui dispositivi con i servizi Google e Samsung Internet sui telefoni Samsung installano la PWA come una vera app, con una voce tra le applicazioni e nelle impostazioni; gli altri browser aggiungono un collegamento che la apre nel browser. Su iPhone e iPad si passa dal menu Condividi, con Aggiungi alla schermata Home: da iOS 16.4 si può fare da Safari, Chrome, Edge, Firefox e Orion. Sul computer, Chrome, Edge e gli altri browser Chromium installano le PWA, Safari su macOS le aggiunge al Dock, mentre Firefox per computer non le installa (MDN, supporto dei browser).
Chrome, poi, propone l'installazione solo se la pagina rispetta alcuni criteri: manifest con nome, icone da 192 e 512 pixel, pagina di avvio e modalità di visualizzazione, più un minimo di interazione dell'utente con la pagina (web.dev, criteri di installazione). Se il pulsante Installa non compare, il primo controllo va fatto su questi elementi.
Funziona davvero senza connessione?
Funziona offline quello che hai deciso di far funzionare offline. Il service worker può salvare sul dispositivo pagine, stili, script e immagini e restituirli quando la rete manca, per esempio cercando prima nella copia locale e poi in rete (MDN, funzionamento offline). Consultare un manuale, rivedere la lista degli interventi del giorno o compilare la bozza di un rapporto sono casi adatti.
Più delicato è quello che l'utente scrive mentre è offline e che va inviato quando la rete torna. Esiste un'API pensata apposta, la sincronizzazione in background, ma MDN la segnala a disponibilità limitata, perché non funziona in alcuni dei browser più diffusi (MDN, Background Synchronization API). Per questo l'app deve avere un piano B: salvare le operazioni sul dispositivo e inviarle appena possibile, o almeno avvisare l'utente che l'invio non è riuscito, gestendo i conflitti se nel frattempo qualcun altro ha modificato gli stessi dati.
Le notifiche push arrivano anche su iPhone?
Sì, da iOS e iPadOS 16.4, ma solo per le web app aggiunte alla schermata Home. La richiesta di permesso deve partire da un gesto dell'utente, come il tocco su un pulsante per iscriversi; una volta concesse, le notifiche si gestiscono dalle impostazioni come quelle di qualsiasi altra app e compaiono nella schermata di blocco, nel Centro Notifiche e su Apple Watch (WebKit). Con la stessa versione sono arrivati anche i badge, il numero sull'icona dell'app.
Per chi progetta, questo cambia l'ordine delle cose. Su iPhone prima va convinto l'utente a installare l'app, poi gli si chiede il permesso nel momento in cui ha un motivo per dire di sì, per esempio dopo aver prenotato un servizio di cui vuole ricevere il promemoria.
PWA o app nativa: quando conviene l'una e quando l'altra?
La PWA conviene quando lo strumento si usa spesso, da persone che già ti conoscono o ti cercano, e quando le funzioni stanno dentro quello che il browser sa fare. Per Athleex, piattaforma per personal trainer e atleti, abbiamo sviluppato la web app e la versione PWA, installabile su iPhone e Android, con funzionamento offline e notifiche push.
- Scegli la PWA per gestionali, portali clienti, app per tecnici sul campo e strumenti interni: una sola base di codice per telefono e computer, aggiornamenti immediati per tutti.
- Scegli la PWA se vuoi che le persone ti trovino anche cercando sul web: resta un sito, quindi le pagine pubbliche si possono indicizzare (MDN).
- Valuta l'app nativa se ti serve un accesso profondo all'hardware, come sensori particolari o dispositivi esterni collegati al telefono, o una grafica molto pesante.
- Valuta l'app nativa se la presenza negli store è il canale principale con cui nuovi utenti scoprono il prodotto.
- Considera la manutenzione: due app native sono due progetti da aggiornare, con una revisione dello store a ogni rilascio.
Se il dubbio è ancora a monte, cioè se ti serve un sito, un'applicazione o entrambi, parti dalla guida sito web o web app.
Si può pubblicare una PWA negli store?
Sì, con qualche distinguo. Per Google Play la strada documentata da Google è la Trusted Web Activity: un'app Android che apre a schermo intero i contenuti della tua PWA, dopo aver verificato che app e sito appartengano allo stesso sviluppatore (Chrome for Developers, Trusted Web Activity). Anche il Microsoft Store accetta PWA impacchettate, e strumenti come PWABuilder preparano i pacchetti per più store (MDN).
Sull'App Store il passaggio è più stretto. Le linee guida di Apple chiedono che un'app offra funzioni, contenuti e interfaccia che vadano oltre un sito riconfezionato, e che non sia soprattutto materiale promozionale o una raccolta di link (App Store Review Guidelines, punto 4.2). Una PWA semplice chiusa in un contenitore rischia il rifiuto: se l'App Store è davvero necessario, va progettato qualcosa in più.
Cosa controllare prima di trasformare la tua web app in PWA?
- HTTPS attivo su tutto il dominio.
- Manifest completo: nome, icone nelle dimensioni richieste, pagina di avvio, modalità di visualizzazione.
- Una pagina chiara per quando la rete manca, al posto dell'errore del browser.
- Una strategia di cache scritta: cosa si salva sul dispositivo, per quanto tempo e cosa va sempre chiesto al server.
- Un modo per aggiornare l'app senza lasciare gli utenti su una versione vecchia.
- Una schermata che spiega come installarla, soprattutto su iPhone, dove si passa dal menu Condividi.
- Velocità: una PWA lenta resta lenta anche installata, quindi controlla i Core Web Vitals.
- Test su dispositivi veri, almeno un iPhone e un Android, con rete lenta e con rete assente.
Un'ultima nota: in passato si usava Lighthouse per dare un punteggio alle PWA, ma Google ha deprecato quei test e rimanda ai criteri di installazione aggiornati di Chrome (Chrome for Developers). Se qualcuno ti promette un punteggio PWA, chiedi a cosa si riferisce.
Stai valutando se basta una PWA o servono le app negli store? Portaci i casi d'uso concreti: li passiamo al setaccio con i criteri di questa guida e decidiamo insieme. Il punto di partenza è la pagina sviluppo web app.
Domande frequenti
Una PWA si scarica dall'App Store?
Di norma no: si installa dal browser, e su iPhone si passa dal menu Condividi con Aggiungi alla schermata Home. Si può impacchettare per gli store, ma Apple accetta solo app che offrono qualcosa in più di un sito riconfezionato. Su Google Play la strada è più semplice.
Una PWA si trova su Google?
Le pagine pubbliche sì, perché una PWA resta un sito web e Google le può scansionare come qualsiasi altra pagina. Le parti riservate, dietro login, restano fuori dai risultati. Se ti serve visibilità, cura le pagine pubbliche come faresti per un sito.
Quanto costa trasformare una web app in PWA?
Dipende da cosa deve fare. Renderla installabile, con manifest, icone e HTTPS, è la parte più leggera. Il lavoro cresce con il funzionamento offline dei dati, la sincronizzazione al ritorno della rete e le notifiche push, che vanno progettati e provati su più dispositivi.
Una PWA può sostituire l'app nativa?
Per molti strumenti aziendali sì: gestionali, portali clienti e app per chi lavora fuori sede funzionano bene nel browser e installati sulla schermata Home. Se servono accesso profondo all'hardware, grafica molto pesante o la presenza negli store come canale principale, l'app nativa resta la scelta più solida.
