Una piccola introduzione Cos'è una PWA e perché sostituisce le app native nel 90% dei casi
Una PWA (Progressive Web App) è un'applicazione web che il cliente apre dal browser ma usa come fosse un'app installata sul telefono: si aggiunge alla schermata home, funziona anche senza connessione, può mandare notifiche e si carica in meno di 2 secondi. È costruita con HTML, CSS e JavaScript moderni, senza passare dagli store di Apple e Google.
Per la PMI italiana è la scelta più sensata nel 90% dei casi in cui qualcuno chiede una app: costa meno di una app nativa (una sola codebase invece di due, iOS e Android), si aggiorna istantaneamente per tutti gli utenti, non paga commissioni agli store, è indicizzabile da Google.
Da Vicenza dal 2008 con oltre 180 progetti consegnati: capiamo quando ti serve davvero una PWA, quando basta un sito ottimizzato per il mobile e quando invece va costruita una vera app nativa. Te lo diciamo prima di firmare un preventivo.
Esempi tipici Tre esempi di intervento, in settori diversi
Esempio · settore servizi B2B Sito di una società di servizi (settore consulenza)
PWA per gestione preventivi e ordini con accesso offline da tablet in trasferta. I commerciali aprono l'app sul tablet, compilano i moduli anche senza rete, sincronizzazione automatica al rientro in ufficio. Riduzione errori di trascrizione.
85% ordini compilati offline
Esempio · settore manifatturiero Sito di un produttore industriale (settore meccanica)
Web app per la rete agenti con catalogo prodotti, listini personalizzati per cliente e calcolatore preventivi. Distribuita come PWA installabile, funziona offline durante le visite. Onboarding agenti in mezza giornata invece di 2 settimane di formazione.
30+ agenti attivi sull'app
Esempio · settore retail Sito di una piccola catena (settore food)
PWA per il programma fedeltà clienti: iscrizione, raccolta punti, coupon digitali, notifiche push per offerte. Installabile dallo smartphone senza app store. Tasso di adesione triplicato rispetto alla vecchia tessera fisica.
3x adesione vs tessera fisica
Cosa includiamo Cosa contiene un progetto di web app o PWA
Un'applicazione completa, non un sito travestito da app.
Architettura e scelta dello stack
La base tecnica giusta per il tuo caso.
Scegliamo lo stack in base ai requisiti reali: Astro o Next.js per le PWA con tanto contenuto pubblico, React o Vue per applicazioni con molta logica di interfaccia, WordPress headless quando serve un pannello editoriale familiare al cliente. Nessuna vendita di un solo strumento.
- Analisi requisiti funzionali e non-funzionali
- Scelta stack motivata per iscritto
- Architettura disegnata con il cliente
- Documentazione tecnica consegnata
Funzionalità PWA (offline, notifiche, installabile)
Le 3 caratteristiche che la rendono un'app vera.
Configuriamo il service worker (lo script che permette il funzionamento offline), il manifest (il file che la rende installabile dal browser) e le notifiche push web. Test reale su iOS e Android, non solo emulatori.
- Service worker con strategie di cache
- Manifest installabile su Android e iOS
- Notifiche push web (con permessi gestiti bene)
- Salvataggio dati offline (IndexedDB)
Performance e Core Web Vitals
Apertura sotto i 2 secondi, sempre.
Ottimizziamo per i Core Web Vitals di Google (velocità del sito su mobile): LCP, INP, CLS. Lighthouse score mobile minimo 95 sui template chiave. Niente bloat, niente librerie pesanti caricate per default.
- Punteggio Lighthouse mobile minimo 95
- Lazy loading immagini e componenti
- Compressione bundle JavaScript
- CDN globale Cloudflare incluso
Backend, integrazioni e gestione dati
La parte invisibile che fa funzionare tutto.
API REST o GraphQL, database PostgreSQL o MySQL, autenticazione utenti, integrazioni con CRM, gestionali, sistemi di pagamento. Tutto documentato, niente lock-in su servizi proprietari di terze parti.
- API documentate (REST o GraphQL)
- Database e schema relazionale
- Autenticazione e gestione ruoli
- Integrazioni con sistemi terzi (CRM, gestionali, pagamenti)
Il problema Perché molte PWA sono "siti travestiti da app"
Pattern che vediamo prendendo in carico PWA fatte da altri:
- Niente service worker, quindi non funzionano offline e non sono vere PWA
- Manifest mal configurato, l'icona di installazione non compare mai sul telefono
- Performance pessime su mobile, punteggio Lighthouse sotto i 60
- Notifiche push attivate male, il browser chiede il permesso al primo accesso e l'utente nega
- Stack pesante (3 MB di JavaScript) per un'interfaccia che potrebbe pesare 200 KB
- Nessuna strategia di cache, ogni apertura ricarica tutto da zero
- Test fatti solo su Chrome desktop, mai provata davvero su iPhone reale
Il nostro approccio: service worker progettato, manifest testato sui telefoni reali, performance misurate e validazione su iOS e Android prima del go-live.
I vantaggi Cosa ti porta una PWA fatta bene
Quello che ti porti a casa
Risultati concreti su business e tecnica:
- Zero commissioni store, distribuzione diretta dal sito
- Aggiornamenti istantanei, niente attesa di approvazione Apple o Google
- Una sola codebase, un solo team, costi di manutenzione dimezzati
- Indicizzabile da Google, traffico organico nuovo (le app native no)
- Installabile dal browser, friction di installazione molto più bassa
- Funziona offline, utilizzabile anche su rete debole o assente
- Lighthouse mobile 95+ di standard, non un'eccezione
Come lavoriamo Le 4 fasi del progetto PWA
1. Discovery e definizione MVP
Settimana 1-2.
- Mappatura funzionalità e priorità
- Definizione del minimo prodotto rilasciabile
- Scelta stack motivata
- Wireframe interfaccia chiave
2. Sviluppo iterativo
4-12 settimane, secondo la dimensione.
- Sprint settimanali con demo al cliente
- Sviluppo PWA, backend e integrazioni
- Test continui su iOS e Android reali
- Documentazione tecnica in corso d'opera
3. Test, ottimizzazione e go-live
1-2 settimane.
- Test performance Lighthouse mobile e desktop
- Test offline reale (modalità aereo)
- Test installazione su 3-4 device fisici
- Pubblicazione e monitoraggio post go-live
4. Manutenzione evolutiva
Mensile.
- Aggiornamenti dipendenze e patch sicurezza
- Monitoraggio performance e error tracking
- Nuove feature pianificate ogni trimestre
- Supporto utenti via canale dedicato
Strumenti Stack PWA che usiamo
Best-in-class per il caso, niente vendor lock-in:
- Astro / Next.js per il frontend con rendering ibrido
- WordPress headless quando serve un pannello editoriale al cliente
- Workbox per il service worker e le strategie di cache
- Lighthouse CI per misurare performance a ogni deploy
- Cloudflare CDN e Workers per latenza globale bassa
Tecnologie Stack PWA che usiamo
Astro
WordPress
Cloudflare
GitHub
PHP
MySQL
Astro
WordPress
Cloudflare
GitHub
PHP
MySQL Risultati Cosa garantiamo come output
Quello che ti consegniamo a fine progetto:
- PWA installabile verificata su iOS e Android reali
- Funzionamento offline dimostrato in modalità aereo
- Lighthouse mobile con punteggio 90+ sui template chiave
- Documentazione tecnica e architettura disegnata
- Codice sorgente su repository Git intestato a te
- Manutenzione opzionale per evoluzione e sicurezza
Quanto costa una PWA? +
Servizio su misura: il preventivo dipende dalla complessità dei requisiti, dalle integrazioni con sistemi terzi (CRM, gestionale, API esterne), dal volume di test richiesto e dal livello di SLA in manutenzione. Prima cosa che facciamo è una discovery call gratuita di 30-45 minuti per capire scope e contesto, poi mandiamo un preventivo scritto entro 48-72 ore. Niente listini standard.
PWA o app nativa, qual è la differenza per me? +
Una PWA è un'applicazione web installabile dal browser, una codebase, costi più bassi, aggiornamenti istantanei. Un'app nativa è scritta in Swift (iOS) o Kotlin (Android), richiede 2 codebase, il passaggio negli store, ma offre l'accesso pieno a tutti i sensori del telefono (Bluetooth avanzato, NFC, fotocamera con effetti complessi). Per la maggior parte dei casi business, la PWA è sufficiente.
Una PWA funziona davvero offline? +
Sì, se progettata correttamente. Il service worker salva in cache le risorse (HTML, CSS, immagini, dati) e il telefono le rilegge anche senza rete. Ovviamente non puoi fare azioni che richiedano dati nuovi dal server, ma puoi consultare cataloghi, leggere contenuti già scaricati e compilare moduli che vengono inviati al ritorno della connessione.
Si può pubblicare una PWA negli store? +
Sì. Google Play accetta PWA da anni (con Trusted Web Activity), Apple lo permette in modo più limitato. Spesso conviene tenerla solo come PWA installabile dal browser, evitando le commissioni e i passaggi di approvazione.
Lavorate solo Veneto? +
Operiamo in tutta Italia. Per progetti che richiedono presenza fisica (workshop con il team, sessioni di discovery on-site) consideriamo Veneto, Lombardia, Emilia. Tutto il resto avviene da remoto via Zoom o Teams.
Cosa NON fate? +
Niente template piallati venduti come PWA custom. Niente lock-in su SaaS proprietari di terze parti. Niente progetti senza KPI definiti a monte e documentazione consegnata.