Guide

Forse hai visitato un sito che proponeva di 'Aggiungere alla schermata Home'. Poi si apriva come una vera app: a schermo intero, funzionante offline, capace persino di inviare notifiche. Questa è una Progressive Web App, o PWA. È una delle idee più utili dello sviluppo web moderno. Questa guida spiega cos'è una PWA, come funziona e perché i team la scelgono.

Una progressive web app è un sito creato per comportarsi come un'app nativa, su mobile o desktop. Gira nel browser come ogni sito, ma con poteri in più. Si può installare sulla schermata Home. Funziona senza connessione a internet. Si carica all'istante. E invia notifiche push. È un solo codice, distribuito sul web, che sembra un'app installata.

Come funziona una PWA

Due tecnologie rendono tutto questo possibile. Un service worker, uno script che gira in background, mette in cache i file e gestisce le richieste di rete. È ciò che permette a una PWA di funzionare offline e di caricarsi in fretta. Un web app manifest, un piccolo file JSON, indica al browser il nome, l'icona e i colori dell'app. Così l'app si può installare e avviare come una nativa.

Dato che resta un sito, una PWA non ha bisogno di app store. Visiti un URL e il browser ti propone di installarla. Niente coda di download, niente approvazione dello store. Gli aggiornamenti avvengono in automatico, alla prossima apertura. Per gli utenti è tutto senza attriti. Per gli sviluppatori salta gran parte dei vincoli imposti dalle piattaforme.

Perché i team le realizzano

Il vantaggio è portata e costo. Invece di creare versioni separate per iOS, Android e web, un team pubblica una sola web app che funziona ovunque: telefono, tablet e desktop. Costa meno da creare e da mantenere. Ed evita le commissioni degli app store e i tempi di revisione. Aziende come Twitter, Spotify e Pinterest hanno pubblicato PWA proprio per questi motivi.

• Si installa sulla schermata Home, senza bisogno di app store
• Funziona offline o con una connessione scarsa, grazie a un service worker
• Si carica quasi all'istante grazie alla cache
• Invia notifiche push, dove la piattaforma lo consente
• Gira a schermo intero come un'app nativa, grazie a un web app manifest
• Si aggiorna in automatico alla prossima apertura

Ne traggono vantaggio anche gli utenti. Una PWA si installa in pochi secondi, occupa poco spazio e regge bene una connessione instabile. Caricamenti più rapidi e accesso offline tengono le persone più coinvolte. Per questo le PWA spesso migliorano i numeri che contano: le visite di ritorno e il tempo sul sito.

I limiti, onestamente

Le PWA sono potenti, ma non illimitate. Su alcune piattaforme l'accesso alle funzioni più profonde del dispositivo, certi sensori, le attività in background o la presenza negli app store, è più limitato che in una vera app nativa. In passato il supporto su iOS era indietro rispetto ad Android. Il divario si è ridotto molto, ma per alcune funzioni esiste ancora.

Quindi la regola onesta è questa: verifica il supporto attuale per le funzioni specifiche che ti servono. Per la maggior parte delle app, contenuti, strumenti, negozi, dashboard, una PWA fa tutto il necessario. Se ti serve un'integrazione hardware pesante o un legame profondo con il sistema operativo, un'app nativa può restare la scelta migliore.

In sintesi

Una progressive web app è un sito che si comporta come un'app installata: capace di funzionare offline, installabile, veloce e pronta alle notifiche, da un solo codice. Non sostituirà ogni app nativa. Ma per una vasta gamma di prodotti offre quasi tutti i vantaggi a una frazione del costo. Ecco perché tanti siti moderni sono, in silenzio, delle PWA.