Cos'e' una PWA e come funziona
Il termine Progressive Web App e' stato coniato da Google nel 2015. In pratica si tratta di un sito web che utilizza tecnologie browser moderne per offrire un'esperienza simile a quella di un'app nativa: icona sulla schermata home, funzionamento offline, notifiche push, accesso alla fotocamera.
La parola "progressive" indica che l'app funziona per tutti gli utenti indipendentemente dal browser — anche chi non supporta le funzionalita' avanzate ottiene almeno il sito base. Chi usa un browser moderno (Chrome, Edge, Safari recente) ottiene l'esperienza completa.
Tecnicamente, una PWA e' costruita con le stesse tecnologie del web classico: HTML, CSS e JavaScript. La differenza rispetto a un normale sito sta in tre componenti aggiuntivi: il Service Worker, il Web App Manifest e la richiesta di servire tutto tramite HTTPS.
PWA vs app nativa vs sito responsive
Per capire quando scegliere una PWA, e' utile confrontarla direttamente con le alternative:
| Caratteristica | Sito responsive | PWA | App nativa |
|---|---|---|---|
| Installabile | No | Si' (da browser) | Si' (da store) |
| Funziona offline | No | Si' (parziale) | Si' (completo) |
| Notifiche push | No | Si' (con limiti iOS) | Si' |
| Accesso hardware (GPS, BT) | Limitato | Limitato | Completo |
| Presente su App Store | No | No (default) | Si' |
| Aggiornamenti | Istantanei | Istantanei | Tramite store |
| Costo sviluppo indicativo | 1.000-8.000 € | 3.000-15.000 € | 15.000-80.000 € |
Requisiti tecnici essenziali
Per essere classificata come PWA da browser come Chrome e ricevere il banner di installazione automatico, un'applicazione web deve soddisfare tre requisiti fondamentali:
1. Service Worker
Il Service Worker e' uno script JavaScript che il browser esegue in background, separato dalla pagina principale. Intercetta le richieste di rete, gestisce la cache e abilita il funzionamento offline. E' il componente piu' complesso da implementare correttamente: una cattiva configurazione del service worker puo' servire contenuto obsoleto agli utenti per giorni.
2. Web App Manifest
E' un file JSON (manifest.json) che descrive l'app: nome, icone (in piu' dimensioni), colore del tema, modalita' di visualizzazione (fullscreen, standalone, minimal-ui). Il manifest e' quello che permette all'app di sembrare nativa una volta installata: niente barra del browser, schermata di avvio, icona personalizzata.
3. HTTPS obbligatorio
Tutte le risorse devono essere servite via HTTPS. I service worker non vengono registrati su connessioni HTTP non sicure (eccezione: localhost per sviluppo). Se il tuo sito usa ancora HTTP, devi migrare prima di sviluppare la PWA.
Vantaggi concreti
Perche' molte aziende scelgono la PWA rispetto all'app nativa? I motivi principali:
- Nessun account store obbligatorio: non devi pagare 99 euro/anno ad Apple ne' aspettare la review per ogni aggiornamento. L'app si distribuisce tramite URL.
- Un solo codebase per tutti i dispositivi: la stessa PWA funziona su Android, iPhone, desktop Windows/Mac e tablet. Con un'app nativa avresti bisogno di sviluppare e mantenere almeno due versioni separate (iOS e Android).
- Aggiornamenti istantanei: pubblichi una modifica sul server e tutti gli utenti la ricevono automaticamente al prossimo avvio, senza dover aggiornare l'app manualmente dallo store.
- Indexabile da Google: il contenuto di una PWA e' leggibile dai motori di ricerca esattamente come un sito web normale. Un'app nativa non ha questo vantaggio (i deep link sono complessi da indicizzare).
- Installazione frictionless: l'utente non deve trovare l'app sullo store, non deve creare un account Apple/Google, basta aprire il link e cliccare "Aggiungi alla schermata Home".
Limiti su iOS: il problema Apple
Qui sta il punto dolente. Apple ha storicamente limitato le capacita' delle PWA su iOS/Safari, probabilmente per proteggere l'ecosistema dell'App Store. Nel 2025 la situazione e' migliorata ma restano limitazioni significative:
Cosa non funziona su iPhone (o funziona male)
- Notifiche push: introdotte parzialmente da iOS 16.4 (2023), ma solo per PWA installate dalla schermata home. Non funzionano nel browser. L'utente deve prima installare la PWA e poi autorizzare le notifiche — un flusso piu' complesso rispetto ad Android.
- Storage dati: iOS limita lo spazio a 50MB per le PWA. Superato questo limite, il browser inizia a cancellare i dati senza avvisare. Per confronto, le app native non hanno questo limite.
- Bluetooth e NFC: completamente assenti. Se la tua app deve comunicare con device IoT o lettori NFC, la PWA non e' percorribile su iPhone.
- Background sync: la sincronizzazione dei dati in background e' inaffidabile su iOS. Le app native possono eseguire task in background con molto piu' controllo.
- Accesso a contatti e calendario: non disponibile nelle PWA iOS.
Costi di sviluppo: da 3.000 a 15.000 euro
Una PWA non ha i costi degli store, ma ha costi di sviluppo. Ecco una stima realistica per il mercato italiano nel 2025:
| Tipo di PWA | Complessita' | Costo stimato | Tempi |
|---|---|---|---|
| Base (sito + manifest + SW) | Bassa | 3.000 - 5.000 € | 3-5 settimane |
| Media (offline, notifiche) | Media | 5.000 - 10.000 € | 6-10 settimane |
| Avanzata (sync, auth, API) | Alta | 10.000 - 15.000 € | 10-16 settimane |
I costi non includono design UX/UI (aggiungere 2.000-5.000 euro per un progetto da zero), hosting e dominio (50-300 euro/anno), e manutenzione post-lancio.
Quando conviene la PWA vs l'app nativa
Non esiste una risposta universale. Ecco i casi in cui la PWA e' la scelta giusta:
Scegli la PWA se...
- Il budget e' sotto i 20.000 euro e vuoi coprire tutti i dispositivi.
- I tuoi utenti arrivano principalmente da ricerche Google o social media (la PWA e' indicizzabile).
- Non hai bisogno di Bluetooth, NFC o accesso hardware avanzato.
- Vuoi aggiornare l'app frequentemente senza aspettare la review dello store.
- Il tuo caso d'uso principale e' la visualizzazione di contenuti, cataloghi, portali informativi.
Scegli l'app nativa se...
- Hai bisogno di funzionalita' hardware: GPS preciso, Bluetooth, NFC, sensori avanzati.
- Vuoi vendere tramite acquisti in-app Apple (es. abbonamenti premium).
- Il tuo pubblico si aspetta di trovarti su App Store o Google Play (es. B2C consumer).
- Hai bisogno di performance elevate per grafica 3D, AR o giochi.
- La tua app deve funzionare affidabilmente offline con grandi quantita' di dati locali.
Non sai se ti serve una PWA o un'app nativa?
Analizziamo le esigenze della tua azienda e ti diciamo onestamente quale soluzione ha piu' senso per il tuo caso specifico. Senza impegno.
Consulenza gratuita