{"id":1502,"date":"2026-01-10T17:33:56","date_gmt":"2026-01-10T16:33:56","guid":{"rendered":"https:\/\/zaccararoberto.eu\/?page_id=1502"},"modified":"2026-01-14T20:33:15","modified_gmt":"2026-01-14T19:33:15","slug":"pwa","status":"publish","type":"page","link":"https:\/\/zaccararoberto.eu\/index.php\/pwa\/","title":{"rendered":"Che cosa sono le PWA"},"content":{"rendered":"\n<p>Le&nbsp;<strong>Progressive Web App<\/strong>&nbsp;sono un ibrido tra app mobile e sito Web, e quindi sono applicazioni web che sfruttano le ultime tecnologie web per offrire un\u2019esperienza utente simile a quella di un\u2019app nativa.<\/p>\n\n\n\n<p>Questa tecnologia funziona sul&nbsp;<strong>browser<\/strong>,<strong>&nbsp;non richiede download<\/strong>&nbsp;dall\u2019app store, contiene pagine Web proprio come un sito, ma allo stesso tempo&nbsp;<strong>imita la funzionalit\u00e0<\/strong>&nbsp;di un\u2019applicazione mobile, caratteristica che la rende desiderabile per le aziende.<\/p>\n\n\n\n<p>Ci\u00f2 significa, in breve, che possono essere aggiunte alla schermata home di un dispositivo, inviare notifiche push e funzionare offline, il tutto senza la necessit\u00e0 di passare attraverso un app store. Le PWA sono costruite utilizzando HTML, CSS e JavaScript, ma si avvalgono di moderne API del browser e strategie di service workers per offrire funzionalit\u00e0 avanzate.<\/p>\n\n\n\n<p>Queste applicazioni sono&nbsp;<strong>progettate per l\u2019utente quotidiano del sito<\/strong>, a cui fornisce anche molte funzionalit\u00e0 esclusive delle app native: in tal modo, superano i limiti dei siti a cui mancano funzionalit\u00e0 mobili che consentono di commercializzare correttamente e&nbsp;<strong>interagire direttamente con i clienti<\/strong>.<\/p>\n\n\n\n<p>In concreto \u2013 come spiega un articolo su&nbsp;<a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/it-it\/strategie\/app-e-mobile\/migliorare-esperienza-utente-mobile-pwa\/\" target=\"_blank\" rel=\"noreferrer noopener\">thinkwithgoogle<\/a>&nbsp;di Google, che sta spingendo molto sulla diffusione di questa tecnologia \u2013 le PWA sono \u201cuna applicazione web che si comporta in modo simile a un\u2019applicazione native quando utilizzata da mobile\u201d e permettono all\u2019utente di \u201c<strong>vivere un\u2019esperienza pi\u00f9 veloce e fluida<\/strong>, proprio come se stesse navigando su un\u2019app, ma senza la necessit\u00e0 di dover scaricare un\u2019app\u201d.<\/p>\n\n\n\n<p>Ci\u00f2 significa, quindi, che grazie a una progressive web app \u00e8 possibile \u201c<strong>caricare in anticipo<\/strong>&nbsp;i contenuti del sito in modo tale da farlo caricare pi\u00f9&nbsp;<strong>velocemente<\/strong>, permettere all\u2019utente di aggiungere il sito alla home del telefono e rendere il contenuto&nbsp;<strong>disponibile anche offline<\/strong>\u201d.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le caratteristiche principali delle progressive web app<\/h3>\n\n\n\n<p>In generale, le Progressive Web App sono utili perch\u00e9 colmano il divario tra le pagine web e le applicazioni native e&nbsp;<strong>risolvono molteplici problemi<\/strong>&nbsp;sia per gli utenti che per gli sviluppatori, rappresentando un passo avanti nel design e nello sviluppo web, nonch\u00e9 un potente strumento per migliorare l\u2019esperienza utente e guidare il successo aziendale nell\u2019era digitale.<\/p>\n\n\n\n<p>Le PWA sono quindi applicazioni web offline che hanno la&nbsp;<strong>copertura del Web<\/strong>&nbsp;e una serie di&nbsp;<strong>caratteristiche<\/strong>&nbsp;specifiche, punto di incontro tra le&nbsp;<strong>classiche tecnologie web<\/strong>&nbsp;e le moderne&nbsp;<strong>applicazioni native<\/strong>, visualizzabili direttamente sulla schermata home degli utenti grazie all\u2019elevato livello di sviluppo tecnico e di qualit\u00e0 raggiunto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a class=\"ari-fancybox\" href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2024\/01\/2024-01-22-11_45_28-Window.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2024\/01\/2024-01-22-11_45_28-Window.jpg\" alt=\"Le caratteristiche delle PWA - da web.dev\" class=\"wp-image-17279\"\/><\/a><\/figure>\n\n\n\n<p>Di PWA si parla gi\u00e0 da svariati anni, e in particolare sono state al centro dei panel di&nbsp;<strong>Google I\/O 2016<\/strong>&nbsp;per poi approdare nel 2018 anche all\u2019interno del&nbsp;<strong>Windows Store<\/strong>, a riprova dalla loro rapida diffusione legata alle caratteristiche intrinseche e ai vantaggi che offrono agli utenti (e quindi ai siti).<\/p>\n\n\n\n<p>Come accennato, questa tecnologia consente di mettere insieme le qualit\u00e0 della classica fruizione dei&nbsp;<strong>siti da mobile<\/strong>&nbsp;(attraverso i browser) con quelle delle&nbsp;<em>app native<\/em>&nbsp;e aiuta gli sviluppatori digitale a realizzare&nbsp;<strong>piattaforme integrate e funzionali<\/strong>&nbsp;per utenti e imprese.<\/p>\n\n\n\n<p>Per gli utenti, offrono&nbsp;<strong>un\u2019esperienza fluida e coerente<\/strong>&nbsp;su tutti i dispositivi, indipendentemente dalle dimensioni dello schermo o dalla piattaforma; inoltre, la capacit\u00e0 di&nbsp;<strong>lavorare<\/strong>&nbsp;<strong>offline<\/strong>&nbsp;e le prestazioni veloci anche su connessioni lente rendono le PWA particolarmente preziose in aree con connettivit\u00e0 limitata.<\/p>\n\n\n\n<p>Per gli sviluppatori e i proprietari di siti web, le PWA rappresentano un modo per aumentare l\u2019engagement e le&nbsp;<a href=\"https:\/\/www.seozoom.it\/conversioni\/\" target=\"_blank\" rel=\"noreferrer noopener\">conversioni<\/a>&nbsp;senza gli oneri di&nbsp;<strong>sviluppo e manutenzione<\/strong>&nbsp;di un\u2019app nativa; inoltre, sono&nbsp;<a href=\"https:\/\/www.seozoom.it\/indicizzazione-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">indicizzabili dai motori di ricerca<\/a>, e quindi facilmente&nbsp;<strong>trovate dagli utenti<\/strong>&nbsp;e ottimizzabili in ottica SEO, e la loro natura progressiva consente di intervenire continuamente per&nbsp;<strong>aggiornarle<\/strong>&nbsp;e&nbsp;<strong>migliorarle<\/strong>&nbsp;senza la necessit\u00e0 di passare attraverso un processo di approvazione dell\u2019app store.<a href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2023\/12\/user-graduate.svg\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2023\/12\/users-rectangle.svg\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2022\/12\/file-pen-light.svg\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/p>\n\n\n\n<p>Secondo la&nbsp;<a href=\"https:\/\/web.dev\/what-are-pwas\/\" target=\"_blank\" rel=\"noreferrer noopener\">guida di web.dev<\/a>, le progressive Web app sono progettate per essere&nbsp;<strong>capaci, affidabili e installabili<\/strong>, e questi&nbsp;tre pilastri le trasformano in un\u2019esperienza che sembra quella offerta da un\u2019app nativa.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Capacit\u00e0<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Oggi il web \u00e8 abbastanza&nbsp;<strong>capace<\/strong>&nbsp;di per s\u00e9 \u2013&nbsp;ad esempio, possiamo creare un\u2019app di chat video iperlocale utilizzando WebRTC, geolocalizzazione e notifiche push, rendere l\u2019app installabile e rendere virtuali le sue conversazioni con WebGL e WebVR, e ancora attingere ad altri ecosistemi, come C, C++ e Rust, declinando un formato mobile decenni di lavoro e funzionalit\u00e0 sul web.<\/p>\n\n\n\n<p>Fino a poco tempo fa, per\u00f2, solo le app native potevano davvero rivendicare queste capacit\u00e0, ma tra API moderne, WebAssembly e API nuove e future, le applicazioni Web sono pi\u00f9 potenti che mai e tali funzionalit\u00e0 sono in continua&nbsp;<strong>crescita.<\/strong>&nbsp;Ad esempio, ora \u00e8 possibile assicurare funzionalit\u00e0 come l\u2019accesso al file system, i controlli multimediali, il badge delle app e il supporto completo degli appunti, tutte vasate sul modello di autorizzazione sicuro e incentrato sull\u2019utente del Web, garantendo che l\u2019accesso a un sito Web non sia mai&nbsp;<em>spaventoso<\/em>&nbsp;per gli utenti.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Affidabilit\u00e0<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Un\u2019app Web progressive affidabile sembra&nbsp;<strong>veloce e affidabile<\/strong>&nbsp;indipendentemente dalla rete.<\/p>\n\n\n\n<p>La velocit\u00e0 \u00e8 fondamentale per convincere gli utenti a&nbsp;<em>sfruttare<\/em>&nbsp;l\u2019esperienza che proponiamo: secondo web.dev, se i&nbsp;<strong>tempi di caricamento<\/strong>&nbsp;della pagina passano da 1 secondo a dieci secondi, la probabilit\u00e0 che un utente&nbsp;<strong>rimbalzi<\/strong>&nbsp;aumenta del 123%.&nbsp;Le prestazioni influiscono sull\u2019intera esperienza dell\u2019utente, da come percepisce l\u2019applicazione a come funziona effettivamente, e le persone non dovrebbero mai chiedersi se la loro interazione, ad esempio il clic su un pulsante, sia stata registrata o meno, perch\u00e9 lo scorrimento e l\u2019animazione dovrebbero risultare fluidi.<\/p>\n\n\n\n<p>Affidabilit\u00e0 significa anche che le applicazioni devono essere utilizzabili indipendentemente dalla&nbsp;<strong>connessione di rete<\/strong>: in particolare, gli utenti si aspettano che le app si avviino con connessioni di rete lente o instabili o anche quando sono offline, e che i contenuti pi\u00f9 recenti con cui hanno interagito, come tracce multimediali o biglietti e itinerari, siano disponibili e utilizzabili anche se \u00e8 difficile ottenere una&nbsp;<strong>richiesta al server<\/strong>&nbsp;\u2013 e, al massimo, se una richiesta non \u00e8 possibile si aspettano di essere informati che c\u2019\u00e8 un problema, invece di un errore \u201csilenzioso\u201d o di un blocco totale delle operazioni.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Possibilit\u00e0 di installazione<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Le progressive Web app installate vengono eseguite in una<strong>&nbsp;finestra autonoma<\/strong>&nbsp;anzich\u00e9 in una scheda del browser: sono avviabili dalla schermata iniziale dell\u2019utente, dal dock, dalla barra delle applicazioni o dallo scaffale.&nbsp;\u00c8 possibile cercarle su un dispositivo e passare da una all\u2019altra con il commutatore di app, facendole sentire parte del dispositivo su cui sono installate.<\/p>\n\n\n\n<p>E poi, nuove funzionalit\u00e0 si aprono dopo l\u2019installazione di una PWA: diventano disponibili le scorciatoie da tastiera, solitamente riservate durante l\u2019esecuzione nel browser, ed \u00e8 anche possibile impostare la PWA come essere l\u2019applicazione predefinita per gestire diversi tipi di file.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Le PWA sono affidabili, rapide e coinvolgenti<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a class=\"ari-fancybox\" href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/affidabilit%C3%A0-PWA.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/affidabilit%C3%A0-PWA.png\" alt=\"Schema sull'affidabilit\u00e0 delle PWA\" class=\"wp-image-8871\"\/><\/a><\/figure>\n\n\n\n<p>Sono tre anche le qualit\u00e0 distintive delle Progressive Web App, che sono tra l\u2019altro quelle che servono anche a rendere un sito mobile friendly:&nbsp;<strong>affidabilit\u00e0, rapidit\u00e0 e coinvolgimento<\/strong>.<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>L\u2019affidabilit\u00e0 delle progressive web app<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Le PWA sono&nbsp;<strong>affidabili<\/strong>&nbsp;perch\u00e9 si caricano istantaneamente e funzionano anche offline, in caso di&nbsp;<strong>instabilit\u00e0 di rete<\/strong>&nbsp;o su reti a scarsa connettivit\u00e0, eventualit\u00e0 sempre possibili in navigazione mobile; la&nbsp;<strong>pre-memorizzazione delle risorse nella cache<\/strong>&nbsp;consente inoltre di non dover dipendere interamente dalla rete per avere un\u2019esperienza utente immediata e affidabile.<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Le PWA sono rapide<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a class=\"ari-fancybox\" href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/velocit%C3%A0-PWA.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/velocit%C3%A0-PWA.png\" alt=\"Le PWA sono pi\u00f9 rapide\" class=\"wp-image-8877\"\/><\/a><\/figure>\n\n\n\n<p>Sappiamo quanto conta la&nbsp;<a href=\"https:\/\/www.seozoom.it\/velocita-sito-pagine-guida-performance\/\" target=\"_blank\" rel=\"noreferrer noopener\">velocit\u00e0 di caricamento<\/a>&nbsp;per un utente e Google ricorda che il 53 per cento delle persone \u201cabbandona i siti che impiegano pi\u00f9 di tre secondi a caricarsi\u201d; non basta solo questo, perch\u00e9 successivamente l\u2019utente pretende&nbsp;<strong>velocit\u00e0, fluidit\u00e0 di scorrimento e interfacce veloci<\/strong>.<br><br>Le progressive web app sono pensate proprio per rispondere rapidamente alle interazioni dell\u2019utente con&nbsp;<strong>animazioni fluide<\/strong>&nbsp;e buona qualit\u00e0 di scorrimento.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Le PWA sono pi\u00f9 coinvolgenti per gli utenti<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a class=\"ari-fancybox\" href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/Coinvolgimento-PWA.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/Coinvolgimento-PWA.png\" alt=\"Le PWA sono coinvolgenti\" class=\"wp-image-8873\"\/><\/a><\/figure>\n\n\n\n<p>L\u2019elemento pi\u00f9 interessante della tecnologia \u00e8 quello legato al&nbsp;<strong>coinvolgimento<\/strong>: le progressive web app&nbsp;<em>sembrano<\/em>&nbsp;applicazioni native sul&nbsp;<strong>dispositivo<\/strong>&nbsp;della singola persona, non hanno bisogno di un download attraverso gli&nbsp;<strong>store digitali<\/strong>&nbsp;e aiutano a rendere l\u2019esperienza utente davvero ottimale, anche attraverso la&nbsp;<strong>lettura a schermo interno<\/strong>, la presenza di un file web app manifest e l\u2019invio di&nbsp;<strong>notifiche push<\/strong>&nbsp;web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Un ibrido tra siti web mobile e app native<\/h4>\n\n\n\n<p>Per raggiungere questi obiettivi, le PWA si basano su alcune peculiarit\u00e0, che realizzano quella forma ibrida tra versione mobile del sito e app nativa: la&nbsp;<strong>struttura della progressive web app<\/strong>&nbsp;visualizzata dall\u2019utente richiama quella della pagina web anche in modalit\u00e0 offline e quando i contenuti del sito non rispondono. Gli elementi principali sono l\u2019intestazione, il&nbsp;<strong>layout della pagina<\/strong>&nbsp;e un\u2019illustrazione che avverte che la pagina sta caricando.<\/p>\n\n\n\n<p>Per loro natura, poi, le PWA sono realizzate seguendo i criteri del&nbsp;<strong>design adaptive e responsive<\/strong>: cos\u00ec, la tecnologia garantisce all\u2019utente la transizione da un dispositivo all\u2019altro (desktop, smartphone, tablet) e la fruizione da schermi di&nbsp;<strong>diverse dimensioni<\/strong>&nbsp;senza che sia intaccata la qualit\u00e0.<\/p>\n\n\n\n<p>Nella loro essenza, le Progressive Web Apps sono&nbsp;<em>solo<\/em>&nbsp;applicazioni Web: utilizzando il miglioramento progressivo, le nuove funzionalit\u00e0 vengono abilitate nei browser moderni; usando i service worker e un manifest dell\u2019app Web, l\u2019applicazione Web diventa affidabile e installabile.&nbsp;Se le nuove funzionalit\u00e0 non sono disponibili, gli utenti ottengono comunque l\u2019esperienza di base.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Come funzionano le Progressive Web App<\/h2>\n\n\n\n<p>Le Progressive Web App sono progettate per fornire un\u2019esperienza utente senza soluzione di continuit\u00e0 e ad alte prestazioni.<\/p>\n\n\n\n<p>Dal punto di vista dell\u2019utente, il funzionamento di una PWA \u00e8 quasi&nbsp;<strong>indistinguibile<\/strong>&nbsp;da quello di un\u2019app nativa: quando visitiamo una PWA tramite un browser, possiamo notare che il sito&nbsp;<strong>si carica rapidamente<\/strong>, anche in condizioni di rete non ottimali, grazie ai service workers, script che girano in background e gestiscono la&nbsp;<a href=\"https:\/\/www.seozoom.it\/cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">cache delle risorse<\/a>, consentendo alla PWA di funzionare offline o su reti lente.<\/p>\n\n\n\n<p>Nello specifico, gli utenti possono \u201cinstallare\u201d una PWA sul proprio dispositivo, visualizzandola con&nbsp;<strong>un\u2019icona aggiunta<\/strong>&nbsp;alla schermata home, proprio come farebbero con un\u2019app nativa \u2013 un processo di installazione leggero, che non richiede un passaggio attraverso un app store \u2013 e successivamente possono avviare la PWA in una finestra senza barra degli indirizzi del browser, attraverso un\u2019esperienza a schermo intero che imita quella di un\u2019app nativa. Le&nbsp;<strong>notifiche push<\/strong>&nbsp;sono un altro aspetto che migliora l\u2019engagement dell\u2019utente, permettendo di ricevere aggiornamenti in tempo reale proprio come con le app native.<\/p>\n\n\n\n<p>Dal lato dello sviluppatore, creare una PWA significa sfruttare le&nbsp;<strong>tecnologie web standard<\/strong>, come HTML, CSS e JavaScript, ma con l\u2019aggiunta di moderni API del browser e l\u2019impiego di service workers. I service workers sono fondamentali nel processo di trasformazione di un sito web in una PWA, agendo come una sorta di intermediario tra l\u2019applicazione web e la rete e permettendo di&nbsp;<strong>gestire la cache delle risorse<\/strong>&nbsp;e di offrire funzionalit\u00e0 offline. Questo significa che gli sviluppatori possono programmare la PWA per caricare istantaneamente e rispondere prontamente alle interazioni degli utenti, indipendentemente dalla qualit\u00e0 della connessione Internet.<\/p>\n\n\n\n<p>Un altro aspetto chiave nello sviluppo di una PWA \u00e8 il&nbsp;<strong>file manifest<\/strong>, un file JSON che fornisce informazioni sul web app, come il nome, le icone, i colori e l\u2019orientamento dello schermo: questo file \u00e8 essenziale per \u201cinstallare\u201d la PWA sul dispositivo, in quanto definisce l\u2019aspetto dell\u2019applicazione sulla schermata home e come essa dovrebbe essere avviata.<\/p>\n\n\n\n<p>Gli sviluppatori devono anche assicurarsi che la PWA sia servita su HTTPS per garantire la sicurezza e la privacy degli utenti; la crittografia fornita da HTTPS \u00e8 importante non solo per proteggere i dati sensibili, ma anche perch\u00e9 i service workers richiedono un contesto sicuro per operare.<br>Inoltre, per garantire che la PWA sia reattiva e fornisca un\u2019esperienza utente fluida su tutti i dispositivi, gli sviluppatori devono adottare un approccio di&nbsp;<strong>design reattivo<\/strong>. Questo significa che la PWA deve adattarsi automaticamente alle diverse dimensioni dello schermo e alle capacit\u00e0 del dispositivo, assicurando che l\u2019interfaccia utente sia sempre ottimizzata.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cosa significa progressive web app nel concreto<\/h3>\n\n\n\n<p>Andiamo ad approfondire le altre&nbsp;<strong>caratteristiche principali delle PWA<\/strong>, partendo proprio dal termine che compare nel nome della tecnologia. Si chiamano progressive perch\u00e9 si basano sul principio del&nbsp;<em>progressive enhancement<\/em>,&nbsp;<strong>miglioramento progressivo<\/strong>, che permette un uso ottimale per ogni utente indifferentemente dalla tipologia di browser.<\/p>\n\n\n\n<p>Come dicevamo, l\u2019utente avr\u00e0 la sensazione di&nbsp;<strong>utilizzare una classica app mobile<\/strong>, con la stessa facilit\u00e0 di interazione e lo stesso design (compresa l\u2019icona sulla home del dispositivo), ma in realt\u00e0 potr\u00e0 contare su un sistema molto pi\u00f9 completo. La tecnologia delle PWA le rende sempre&nbsp;<strong>aggiornate<\/strong>&nbsp;(grazie in particolare ai Service Workers), sicure (il protocollo HTPPS \u00e8 usato su tutti i contenuti),&nbsp;<strong>indicizzabili<\/strong>&nbsp;e ricercabili sui motori di ricerca, facilmente&nbsp;<strong>installabili<\/strong>&nbsp;(senza passare dal download attraverso gli store), condivisibili tramite link.<\/p>\n\n\n\n<p>Inoltre, le progressive web app si eseguono nel web, e questo significa&nbsp;<strong>maggiore libert\u00e0 di design<\/strong>&nbsp;e di funzionalit\u00e0 per il sito, e (previo consenso) sfruttano i servizi di&nbsp;<strong>geolocalizzazione<\/strong>&nbsp;per inviare agli utenti notifiche e aggiornamenti, migliorando la relazione e la fidelizzazione.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a class=\"ari-fancybox\" href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/PWA-di-Pinterest.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2019\/07\/PWA-di-Pinterest.png\" alt=\"Esempio PWA di Pinterest\" class=\"wp-image-8875\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">I vantaggi delle Progressive Web App<\/h3>\n\n\n\n<p>Sono dunque tanti i benefici di questa tecnologia, sia per lo sviluppatore che per gli utenti che la usano, e ora proviamo a definire in modo pi\u00f9 dettagliato i&nbsp;<strong>principali vantaggi delle PWA<\/strong>&nbsp;rispetto ai siti web mobile e alle app native. Come detto, la caratteristica principale \u00e8 che funzionano anche&nbsp;<strong>offline<\/strong>&nbsp;e in assenza di connessione internet, garantendo sempre una fruizione veloce (generalmente pi\u00f9 rapida rispetto a quella del sito); sono inoltre responsive, multi-piattaforma e si adattano a ogni sistema operativo e formato di display.<\/p>\n\n\n\n<p>Gli altri benefici derivano dalla loro natura:&nbsp;<strong>sul display<\/strong>&nbsp;l\u2019utente visualizza un\u2019icona della PWA da usare proprio come una classica app, e in pi\u00f9 pu\u00f2 ricevere&nbsp;<strong>notifiche push<\/strong>&nbsp;e consentire l\u2019accesso ad alcune funzionalit\u00e0 del telefono. Inoltre, non esiste una vera e propria installazione da eseguire: questo consente alle PWA di&nbsp;<strong>non occupare molto spazio<\/strong>&nbsp;nella memoria del dispositivo mobile, ma anche di non passare attraverso gli store per l\u2019installazione. Un fattore positivo soprattutto per gli sviluppatori, che hanno maggiore libert\u00e0 e non devono sottomettersi alle&nbsp;<strong>regole dei servizi di distribuzione<\/strong>&nbsp;di applicazioni digitali.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">I punti di forza delle Progressive Web app<\/h4>\n\n\n\n<p>\u00c8 ancora l\u2019approfondimento di web.dev a definire meglio quali sono i punti di forza di una PWA dal punto di vista tecnico, con la premessa che sua installabile e utilizzabile da tutti gli utenti, indipendentemente dalle dimensioni o dal tipo di input.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Prestazioni<\/li>\n\n\n\n<li>Funziona su tutti i browser<\/li>\n\n\n\n<li>Responsiveness<\/li>\n\n\n\n<li>Pagina online personalizzata<\/li>\n\n\n\n<li>\u00c8 installabile<\/li>\n\n\n\n<li>\u00c8 accessibile<\/li>\n\n\n\n<li>\u00c8 indicizzabile e classificabile su Google<\/li>\n\n\n\n<li>Funziona con ogni input<\/li>\n\n\n\n<li>Fornisce il contesto per le richieste di autorizzazione<\/li>\n\n\n\n<li>Segue le best practices di healthy code<\/li>\n<\/ol>\n\n\n\n<p>In pratica, quindi, con le PWA la&nbsp;<strong>connettivit\u00e0<\/strong>&nbsp;non \u00e8 strettamente richiesta, perch\u00e9 l\u2019app funziona offline come funziona online; inoltre, gli utenti possono utilizzare qualsiasi&nbsp;<strong>browser<\/strong>&nbsp;preferito per accedere all\u2019app prima che venga installata e possono usarla su schermi di qualsiasi dimensione, con la garanzia che tutto il contenuto sar\u00e0 disponibile in qualsiasi dimensione del viewport. Ancora, tutte le interazioni dell\u2019utente&nbsp;soddisfano i requisiti di&nbsp;<a href=\"https:\/\/www.seozoom.it\/accessibilita-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessibilit\u00e0<\/a>&nbsp;WCAG 2.0 e funziona ugualmente a prescindere dal tipo di input \u2013 mouse, tastiera, pennino o touch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perch\u00e9 usare una Progressive Web App<\/h3>\n\n\n\n<p>Secondo Google e i fautori di questa tecnologia, il sito che fornisce una progressive web app pu\u00f2 raggiungere una serie di&nbsp;<strong>effetti positivi<\/strong>, come ottenere un maggior gradimento da parte degli utenti, riscontrare maggiore&nbsp;<strong>coinvolgimento<\/strong>&nbsp;e determinare incremento delle conversioni. Spulciando online, comunque, sono segnalati anche alcuni&nbsp;<strong>inconvenienti<\/strong>&nbsp;e punti deboli delle progressive web app, come un&nbsp;<strong>consumo superiore di batteria<\/strong>&nbsp;(il codice \u00e8 di alto livello e impegna maggiormente il dispositivo mobile nell\u2019interpretazione), la compatibilit\u00e0&nbsp;<strong>con sistemi iOS<\/strong>&nbsp;non sempre garantita e la mancanza di accesso a tutte le&nbsp;<strong>funzioni del telefono<\/strong>.<\/p>\n\n\n\n<p>Le PWA hanno come punti di forza la&nbsp;<strong>velocit\u00e0 e la fruibilit\u00e0<\/strong>, e sembrano molto apprezzati dagli utenti: in base ad alcuni dati Google, i siti che hanno implementato questa tecnologia hanno ottenuto risultati positivi per aumento di pagine viste per sessione e delle conversioni, ma anche miglioramenti tecnici. In particolare, si segnala una riduzione media del 60 per cento del tempo di caricamento di una pagina a cui segue un calo drastico, fino al 70 per cento, della banda utilizzata nella navigazione (circa 500k contro ai 20 MB di una classica app nativa).<\/p>\n\n\n\n<p>L\u2019elemento discriminante pi\u00f9 evidente&nbsp;<strong>tra PWA e web app<\/strong>&nbsp;\u00e8 nella reperibilit\u00e0: le progressive web app sono fornite dai siti stessi e il browser pu\u00f2 segnalare all\u2019utente la possibilit\u00e0 di&nbsp;<strong>scaricare la tecnologia<\/strong>&nbsp;e di creare un collegamento sulla home del dispositivo. Come detto, le pagine PWA sono poi&nbsp;<strong>indicizzabili da Google<\/strong>&nbsp;e quindi possono portare traffico organico al sito, mentre le app native non viaggiano sul motore di ricerca.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">I casi di successo delle Progressive web app<\/h4>\n\n\n\n<p>Insomma, l\u2019utilizzo delle tecnologie PWA pu\u00f2 rivelarsi un ottimo modo per rendere la nostra app sicura,&nbsp;<strong>rilevabile,<\/strong>&nbsp;collegabile, facile da installare e aggiornare,&nbsp;<strong>reattiva<\/strong>&nbsp;e indipendente dalla rete, e ci sono vari casi di successo che confermano l\u2019efficacia di questo approccio.<\/p>\n\n\n\n<p>Ad esempio, secondo le statistiche del sito&nbsp;<a href=\"https:\/\/www.pwastats.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">PWA Stats<\/a>, la PWA di Starbucks ha consentito di raddoppiare gli utenti attivi giornalieri rispetto alla precedente versione web; Trivago ha registrato un aumento del 150% per le persone che aggiungono la propria PWA alla schermata principale e il maggiore coinvolgimento ha portato a un aumento del 97% dei clic alle offerte degli hotel; Tinder ha ridotto i tempi di caricamento da 11,91 secondi a 4,68 secondi con la sua PWA, che inoltre \u00e8 pi\u00f9 piccola del 90% rispetto all\u2019app Android completa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le differenze tra progressive web app e app native<\/h2>\n\n\n\n<p>A questo punto, diventa inevitabile pensare a un confronto tra PWA e app native, due tra le principali modalit\u00e0 di&nbsp;<strong>fruizione dei contenuti<\/strong>&nbsp;da dispositivi mobile (in aggiunta alla&nbsp;<em>semplice<\/em>versione mobile delle pagine): sintetizzando al massimo, le app native sono forse la forma pi\u00f9 adeguata per offrire&nbsp;<strong>un\u2019esperienza ricca agli utenti<\/strong>, con performance valide e possibilit\u00e0 di monetizzare con costo per download o&nbsp;<strong>funzioni IAP<\/strong>&nbsp;(In App Purchase). Di contro, per\u00f2, le app devono essere progettate in modo specifico in base alla piattaforma di riferimento (e quindi richiedono anche un investimento maggiore per lo sviluppo) e hanno bisogno di un utilizzo rilevante delle funzionalit\u00e0&nbsp;<strong>hardware del dispositivo<\/strong>, occupano un maggior spazio in memoria, non offrono aggiornamenti in tempo reale e i contenuti proposti non possono essere indicizzati su Google.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Gli aspetti positivi delle PWA per il business<\/h3>\n\n\n\n<p>In molti casi, realizzare una PWA rappresenta una&nbsp;<strong>scelta pi\u00f9 immediata e conveniente<\/strong>&nbsp;rispetto al lavoro di creazione di un\u2019app nativa, che richiede uno sforzo superiore in termini di sviluppo e controllo: oltre al processo produttivo in s\u00e9 (compresa anche la fruizione da vari dispositivi e sistemi operativi), c\u2019\u00e8 da considerare anche la necessit\u00e0 di prevedere aggiornamenti periodici, gestire le recensioni, attirare i download e cos\u00ec via.<\/p>\n\n\n\n<p>La presenza in un&nbsp;<strong>app web store<\/strong>&nbsp;\u2013 non solo il Play Store su Android o l\u2019Apple App Store su iOs, ma anche Windows Store, Amazon App Store e, a seconda dello scopo dell\u2019app e della piattaforma, Samsung Galaxy Store, Apptoid e F-Droid \u2013 non d\u00e0 solo svantaggi, in realt\u00e0, perch\u00e9 offre anche un&nbsp;<strong>valore aggiunto<\/strong>&nbsp;sotto diversi punta di vista. Ad esempio, l\u2019accesso a questi&nbsp;<em>negozi<\/em>&nbsp;\u00e8 regolato da requisiti rigorosi che impediscono la pubblicazione di molte applicazioni dannose o di scarsa qualit\u00e0, e quindi avere un\u2019app pubblicata su queste vetrine pu\u00f2&nbsp;<strong>aumentare l\u2019affidabilit\u00e0<\/strong>&nbsp;generale di un brand agli occhi dei clienti. Inoltre, \u00e8 possibile che i Web Store promuovano la nostra app \u201cin automatico\u201d e quindi essere presenti in un app store pu\u00f2 dare una&nbsp;<strong>spinta alle vendite<\/strong>&nbsp;e un modo rapido per aumentare la&nbsp;<a href=\"https:\/\/www.seozoom.it\/brand-awareness\/\" target=\"_blank\" rel=\"noreferrer noopener\">brand awareness<\/a>.<\/p>\n\n\n\n<p>Un aspetto meno positivo, ragionando anche su aspetti economici, \u00e8 che i principali app stores prevedono una&nbsp;<strong>commissione<\/strong>&nbsp;su ogni vendita (inclusi app a pagamento e acquisti in-app) che pu\u00f2 arrivare anche al 30 per cento: per riprendere l\u2019esempio fatto da&nbsp;<a href=\"https:\/\/www.searchenginewatch.com\/2021\/03\/05\/why-progressive-web-apps-pwas-are-poised-to-dominate-moving-forward\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nick Chasinov su SearchEngineWatch<\/a>, nel 2020 Apple ha incassato 64 miliardi di dollari dall\u2019App Store.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Apple e Google, approccio differente a PWA e app<\/h4>\n\n\n\n<p>Si spiega cos\u00ec l\u2019approccio differente che i&nbsp;<strong>due colossi del Web<\/strong>&nbsp;\u2013 e dei sistemi operativi mobile \u2013 hanno riguardo le applicazioni native e le progressive web app.<\/p>\n\n\n\n<p>Da una parte c\u2019\u00e8&nbsp;<strong>Apple<\/strong>, che preferisce avere un&nbsp;<strong>controllo granulare sulle applicazioni<\/strong>&nbsp;e, non meno importante, sui possibili incassi che ne ricava (confermato anche dalla recente querelle con&nbsp;<a href=\"https:\/\/www.startmag.it\/innovazione\/battaglia-epica-epic-games-fortnite-denuncia-apple-a-bruxelles\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fortnite<\/a>), mentre al contrario&nbsp;<strong>Google sostiene le PWA<\/strong>&nbsp;e incoraggia gli sviluppatori a crearle e distribuirle.<\/p>\n\n\n\n<p>Il motivo \u00e8 tecnico e pratico: questa tecnologia gira&nbsp;<strong>direttamente sul browser<\/strong>&nbsp;utilizzato sul dispositivo mobile, e anche in questo ambito Google domina il mercato grazie a&nbsp;<strong>Chrome<\/strong>, usato da oltre il 63 per cento degli utenti di Internet mobile, e inoltre la sua base open source&nbsp;<strong>Chromium<\/strong>&nbsp;consente ad altri browser di utilizzare le PWA.<\/p>\n\n\n\n<p>Proprio con Chromium il colosso di Mountain View \u2013 insieme a Microsoft, Intel, Samsung, tra gli altri \u2013 ha anche lanciato&nbsp;<strong>project Fugu<\/strong>&nbsp;(progetto Fugu) che mira ad&nbsp;<strong>espandere le capacit\u00e0 del browser<\/strong>&nbsp;e aiutare le app web a \u201cfare tutto ci\u00f2 che le app native possono fare\u201d, preservando i vantaggi principali del Web in termini di&nbsp;<strong>sicurezza<\/strong>, basso attrito e distribuzione multipiattaforma.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PWA o app NATIVA, cosa scegliere?<\/h2>\n\n\n\n<p>Negli ultimi anni siamo stati online pi\u00f9 che mai e anche la parte meno digitalizzata della popolazione ha sperimentato i servizi offerti via Web: abbiamo \u201clavorato, studiato, fatto acquisti e persino aperto conti bancari online e ora le persone sono pi\u00f9 esigenti che mai quando navigano online\u201d, e proprio la&nbsp;<a href=\"https:\/\/www.seozoom.it\/user-experience-cose-e-cosa-significa-per-i-siti-e-per-la-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">user experience<\/a>&nbsp;\u00e8 uno dei temi chiave attuali e del prossimo futuro.<\/p>\n\n\n\n<p>Se siamo alla ricerca di uno&nbsp;<strong>strumento per raggiungere gli utenti mobile<\/strong>&nbsp;e, al tempo stesso, per distinguerci e ottenere un vantaggio sulla concorrenza, bisogna studiare bene le&nbsp;<strong>caratteristiche di PWA<\/strong>&nbsp;<strong>e app native&nbsp;<\/strong>per capire quale sia la strada migliore da percorrere e quale soluzione offra i vantaggi maggiori.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Perch\u00e9 preferire le Progressive Web App<\/h3>\n\n\n\n<p>Molti osservatori, come in questo articolo di&nbsp;<a href=\"https:\/\/blog.teknicks.com\/pwa-progressive-web-app-vs-native-apps-which-is-better\" target=\"_blank\" rel=\"noreferrer noopener\">Teknicks<\/a>, invitano a considerare&nbsp;<strong>i vantaggi delle PWA<\/strong>, che innanzitutto richiedono&nbsp;<strong>un impegno inferiore<\/strong>&nbsp;(in termini di tempo e costi) rispetto alle app native.<\/p>\n\n\n\n<p>Dal punto di vista dello sviluppo, le&nbsp;<strong>app native sono codificate<\/strong>&nbsp;per essere installate su smartphone, tablet e altri dispositivi smart in base al sistema operativo e all\u2019hardware associati al dispositivo, usando un&nbsp;<strong>linguaggio di programmazione specifico<\/strong>&nbsp;per singole piattaforme, incluso Java che \u00e8 il linguaggio pi\u00f9 comune per Android e Swift o Objective-C per iOS. Le&nbsp;<strong>PWA<\/strong>, d\u2019altra parte, sono fondamentalmente siti Web in stile app che possono essere eseguite&nbsp;<strong>all\u2019interno del browser<\/strong>&nbsp;di un sito Web o installate direttamente sul dispositivo e accessibili come un\u2019app nativa, utilizzando&nbsp;<a href=\"https:\/\/www.seozoom.it\/css-linguaggio\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS<\/a>, Javascript e HTML proprio come un sito.<\/p>\n\n\n\n<p>Ci\u00f2 rende lo&nbsp;<strong>sviluppo di una PWA molto pi\u00f9 veloce e pi\u00f9 semplice<\/strong>, perch\u00e9 la base di codice \u00e8 in genere adatta a pi\u00f9 piattaforme e dispositivi (il che rende pi\u00f9 facili e meno costosi lo sviluppo e la manutenzione) e quindi la stessa versione che pu\u00f2 essere visualizzata senza problemi su quasi tutti i browser Web dei dispositivi mobili.<\/p>\n\n\n\n<p>Grazie a questa scalabilit\u00e0, sviluppare una PWA \u00e8&nbsp;<strong>molto pi\u00f9 economico<\/strong>&nbsp;rispetto a un\u2019app nativa, che di solito implica la creazione di versioni adatte a ogni dispositivo che prevediamo di supportare (per tipologia di dispositivo, sistema operativo, dimensioni dello schermo eccetera). Inoltre, anche gli&nbsp;<strong>aggiornamenti<\/strong>&nbsp;delle app possono creare confusione o problemi, perch\u00e9 \u00e8 necessario preventivamente far approvare ogni aggiornamento dagli store, e poi verificare che gli utenti effettivamente scarichino e aggiornino l\u2019app.<\/p>\n\n\n\n<p>Con le PWA, invece, \u00e8 sufficiente che gli utenti&nbsp;<strong>abbiano un browser<\/strong>&nbsp;e conoscano l\u2019URL del sito; quindi, \u00e8 molto pi\u00f9 facile riuscire a raggiungere un pubblico pi\u00f9 ampio,&nbsp;<strong>con le modifiche e gli aggiornamenti<\/strong>&nbsp;che non richiedono approvazione o installazioni aggiuntive da parte degli utenti.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Le caratteristiche delle progressive web app per gli utenti<\/h4>\n\n\n\n<p>Per le loro caratteristiche, le PWA possono quindi rivelarsi molto vantaggiose soprattutto per una piccola azienda o una startup, perch\u00e9 come detto richiedono&nbsp;<strong>uno sviluppo inferiore<\/strong>&nbsp;sia per tempi che per costi.<\/p>\n\n\n\n<p>\u00c8 comunque importante valutare anche il loro&nbsp;<strong>effetto sugli utenti<\/strong>, che pu\u00f2 avere aspetti positivi e altri meno rispetto alle app native.<\/p>\n\n\n\n<p>Ad esempio, \u00e8 sicuramente un vantaggio il fatto che le&nbsp;<strong>PWA abbiano dimensioni inferiori<\/strong>&nbsp;rispetto alle native, e quindi pesano meno sulla&nbsp;<strong>memoria<\/strong>&nbsp;dei dispositivi degli utenti; inoltre, essendo accessibili direttamente da browser o da link, le persone possono raggiungere la PWA&nbsp;<strong>digitandone l\u2019URL<\/strong>, ma anche aggiungere il collegamento ai segnalibri, aggiungerlo alla schermata iniziale e&nbsp;<strong>condividerlo<\/strong>&nbsp;comodamente.<\/p>\n\n\n\n<p>Le PWA hanno poi anche&nbsp;<strong>accessibilit\u00e0 offline<\/strong>, in quanto possono memorizzare nella cache le informazioni per un utilizzo successivo, e servono gli utenti con fogli di stile di testo, immagini e altri contenuti web anche prima che una pagina web venga caricata completamente, come nota&nbsp;<a href=\"https:\/\/customerthink.com\/the-need-of-progressive-web-app-comparison-with-a-native-app\/\" target=\"_blank\" rel=\"noreferrer noopener\">questo articolo di Richa Pokhriyal<\/a>. Importante anche il&nbsp;<strong>rispetto di parametri di sicurezza<\/strong>, perch\u00e9 \u2013 oltre a muoversi in un ambiente regolato dal&nbsp;<a href=\"https:\/\/www.seozoom.it\/https\/\" target=\"_blank\" rel=\"noreferrer noopener\">protocollo HTTPS<\/a>&nbsp;\u2013 rispetto ai tradizionali siti per dispositivi mobili \u201cle progressive Web app forniscono ulteriori livelli di sicurezza, utilizzando solo cookie HTTP \/&nbsp;<a href=\"https:\/\/www.seozoom.it\/cookie\/\" target=\"_blank\" rel=\"noreferrer noopener\">cookie<\/a>&nbsp;leggibili JavaScript insieme a token di autenticazione \/ CSRF\u201d.<\/p>\n\n\n\n<p>Ci sono per\u00f2 altri elementi meno vantaggiosi, tra cui&nbsp;<strong>l\u2019impossibilit\u00e0 di una PWA<\/strong>&nbsp;di accedere ad alcune funzioni del dispositivo come il sensore di prossimit\u00e0, il rilevamento della luce ambientale o lo smart lock \u2013 pur supportando funzionalit\u00e0 come GPS, pagamento mobile, notifica push, accesso alla fotocamera.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le caratteristiche delle app native e perch\u00e9 preferirle<\/h3>\n\n\n\n<p>Lo sviluppo di&nbsp;<strong>app specifiche<\/strong>&nbsp;\u00e8 invece una buona scelta quando l\u2019obiettivo \u00e8&nbsp;<strong>acquisire utenti<\/strong>&nbsp;solo per dispositivi mobili. Queste applicazioni si chiamano&nbsp;<strong>native<\/strong>&nbsp;perch\u00e9 sono scritte nella&nbsp;<em>lingua<\/em>&nbsp;del sistema operativo del dispositivo su cui \u00e8 installata l\u2019app e non offrono possibilit\u00e0 di accesso da un browser.<\/p>\n\n\n\n<p>Rispetto ai siti per dispositivi mobile, un\u2019app ha&nbsp;<strong>meno limiti<\/strong>&nbsp;e fornisce un\u2019esperienza nativa a un utente, permettendo a un brand di raggiungere pi\u00f9 clienti,&nbsp;<strong>migliorare la loro esperienza<\/strong>&nbsp;e incrementare la reputazione del marchio nello spazio online.<\/p>\n\n\n\n<p>Investire in un\u2019app nativa significa&nbsp;<strong>creare un prodotto complesso<\/strong>&nbsp;con maggiori possibilit\u00e0 di controllo delle operazioni degli utenti \u2013 e infatti sono molto usate per l\u2019home banking, social media o piattaforme di appuntamenti; questa tecnologia deve offrire un&nbsp;<strong>livello pi\u00f9 profondo di coerenza<\/strong>&nbsp;su tutta la linea ed \u00e8 preferibile quando si creano&nbsp;<strong>app ad alta sicurezza<\/strong>&nbsp;che devono gestire aspetti come i dati sensibili dei clienti in settori come finanza, salute o banche.<\/p>\n\n\n\n<p>Inoltre, un\u2019app nativa&nbsp;<strong>migliora la gestione della velocit\u00e0 e dell\u2019interfaccia utente<\/strong>: il tempo di caricamento, ad esempio, \u00e8 molto pi\u00f9 veloce, poich\u00e9 utilizza direttamente il sistema operativo del dispositivo e non \u00e8 affatto limitato dalla qualit\u00e0 della connessione Internet o dal sistema operativo del dispositivo. E le app sfruttano in modo pi\u00f9 efficace le&nbsp;<strong>ultime funzionalit\u00e0 degli smartphone<\/strong>, come il geofencing, il rilevamento dei sensori e altro ancora.<\/p>\n\n\n\n<p>Allo stesso tempo, questa soluzione permette di&nbsp;<strong>incrementare la credibilit\u00e0 del marchio<\/strong>, perch\u00e9 avere un\u2019app di alta qualit\u00e0 pubblicata su uno dei top stores di Apple, Google o altri ci aiuter\u00e0 ad aumentare la&nbsp;<strong>affidabilit\u00e0 percepita<\/strong>&nbsp;dai clienti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alcuni motivi per sviluppare una PWA e non un\u2019app nativa<\/h3>\n\n\n\n<p>Da quanto scritto, sembra chiaro che puntare su una Progressive Web App sia una scelta vantaggiosa per chi fa business online, perch\u00e9 pu\u00f2 aiutare a raggiungere alcuni obiettivi aziendali e a migliore i profitti in modo&nbsp;<strong>pi\u00f9 rapido e meno faticoso<\/strong>&nbsp;rispetto alla principale alternativa.<\/p>\n\n\n\n<p>In particolare, ci sono almeno&nbsp;<strong>4 motivi<\/strong>&nbsp;che possono convincere a lavorare allo sviluppo di una PWA anzich\u00e9 di una app nativa.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Velocit\u00e0 di collegamento con gli utenti<\/strong><\/li>\n<\/ol>\n\n\n\n<p>I consumatori hanno diverse opzioni per \u201csfogliare notizie, acquistare vestiti e guardare video\u201d: se il nostro sito non regge il passo, gli utenti porteranno la loro attenzione e il loro potere di spesa altrove.<\/p>\n\n\n\n<p>Gli studi indicano che la&nbsp;<strong>capacit\u00e0 di attenzione<\/strong>&nbsp;\u00e8 di 2-3 secondi e quindi \u00e8 importante avere una soluzione di&nbsp;<strong>caricamento veloce<\/strong>, che di solito una pagina web per dispositivi mobili non riesce a garantire. Al contrario, le&nbsp;<strong>PWA<\/strong>&nbsp;usano i&nbsp;<strong>dati della cache in background<\/strong>&nbsp;e offrono maggior velocit\u00e0 di caricamento, che migliora l\u2019esperienza del cliente ogni volta che visita la pagina e compiace anche gli algoritmi di Google.<\/p>\n\n\n\n<p>Solo per fare degli esempi, negli anni passati il sito di Forbes impiegava dai tre ai 12 secondi per caricarsi completamente: questi ritardi hanno causato un tasso di abbandono degli utenti del 53 per cento, ma quando l\u2019azienda \u00e8 passata a una PWA, le sessioni di navigazione sono aumentate del 43 per cento.<\/p>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Rilevabilit\u00e0 SEO<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Oltre a garantire velocit\u00e0 (che influisce sul posizionamento delle pagine),&nbsp;<strong>le PWA sono anche SEO-friendly<\/strong>: essendo ospitate sul Web, il loro contenuto \u00e8 infatti&nbsp;<strong>visibile ai motori di ricerca<\/strong>&nbsp;e pu\u00f2 essere indicizzato direttamente su un motore di ricerca, proprio come un qualsiasi sito web.<a href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2024\/01\/user-graduate-white.svg\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2023\/12\/users-rectangle.svg\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/www.seozoom.it\/wp-content\/uploads\/2022\/12\/file-pen-light.svg\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/p>\n\n\n\n<p>Le app native sono invece pubblicate su pi\u00f9 app store e devono cercare di diventare pi\u00f9 visibili, cos\u00ec da essere installata maggiormente dagli utenti; per migliorare la rilevabilit\u00e0 delle app, i proprietari dovrebbero disporre di un\u2019efficace strategia di ottimizzazione dell\u2019app store, ma sono comunque vincolati dai requisiti e dalle regole degli store. In genere, solo la pagina del profilo dell\u2019app \u00e8 elencata nei risultati di ricerca di Google, e ci\u00f2 le aziende a fare affidamento sulla descrizione, sulle immagini e sulle recensioni positive per migliorare la visibilit\u00e0 e ottenere pi\u00f9 download.<\/p>\n\n\n\n<p>Con una PWA, abbiamo quindi la stessa&nbsp;<strong>flessibilit\u00e0 illimitata di un sito<\/strong>&nbsp;per creare esperienze utente personalizzate e contenuti pieni di risorse ottimizzati che si possono classificare su Google e sfruttare tutte le&nbsp;<strong>strategie SEO<\/strong>.<\/p>\n\n\n\n<p>In concreto, questo pu\u00f2 aumentare la nostra capacit\u00e0 di&nbsp;<strong>generare traffico e lead<\/strong>. Ad esempio, quando Alibaba ha trasformato il suo sito Web in un PWA, ha registrato il 76 per cento di conversioni in pi\u00f9.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Maggiori opportunit\u00e0 di engagement<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Le PWA&nbsp;<strong>supportano le notifiche push<\/strong>, creando opportunit\u00e0 per le aziende di raggiungere i clienti con consigli personalizzati sui prodotti, aggiornamenti di notizie e altre comunicazioni pertinenti, tutti fattori che possono migliorare il coinvolgimento dei clienti e aumentare la fedelt\u00e0 al marchio.<\/p>\n\n\n\n<p>Studi recenti segnalano che, nonostante il continuo incremento dell\u2019uso di dispositivi mobile per la navigazione,&nbsp;<strong>gli utenti non sono molto coinvolti<\/strong>&nbsp;sui siti Web mobili, e chi ha una PWA ottiene risultati migliori in questo senso. In particolare, la&nbsp;<a href=\"https:\/\/www.seozoom.it\/bounce-rate-frequenza-di-rimbalzo\/\" target=\"_blank\" rel=\"noreferrer noopener\">frequenza di rimbalzo<\/a>&nbsp;media per una PWA \u00e8 inferiore del 42 per cento rispetto a un sito web responsive, mentre le sessioni mobile sono superiori fino all\u201980 per cento, il tempo di caricamento ridotto dell\u201985 per cento e l\u2019engagement superiore del 154 per cento.<\/p>\n\n\n\n<p>Questo si traduce in un&nbsp;<strong>migliore coinvolgimento dei clienti<\/strong>&nbsp;e maggiori opportunit\u00e0 di vendita per un\u2019azienda che sviluppa una progressive web app.<\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>Aumento delle conversioni<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Strettamente legato all\u2019incremento&nbsp;<strong>dell\u2019engagement<\/strong>&nbsp;c\u2019\u00e8 anche una&nbsp;<strong>massimizzazione delle conversioni<\/strong>: attraverso una PWA, come detto, possiamo inviare notifiche in-app \/ push, e-mail personalizzate e creare coinvolgimento su piattaforme social con strumenti di marketing mobile che aumentano il tasso di conversione.<\/p>\n\n\n\n<p>I dati dimostrano che lo sviluppo di tale tecnologia aiuta a&nbsp;<strong>migliorare significativamente i tassi di vendita<\/strong>&nbsp;del sito e, secondo Google, una PWA media&nbsp;<strong>aumenta le conversioni del 52 per cento<\/strong>. Ancora migliori i risultati di&nbsp;<strong>Cr\u00e9dit Agricole Italia<\/strong>: in soli tre mesi dopo lo sviluppo di una PWA, comparando i dati di navigazione tra \u201cchi installa la PWA sul proprio smartphone rispetto a chi naviga il sito normalmente\u201d, si evidenzia un incremento del 33 per cento delle sessioni per utente, un aumento del 143 per cento della durata della sessione media e una riduzione del 25 per cento del bounce rate, ma soprattutto un&nbsp;<strong>tasso di conversione maggiore&nbsp;<\/strong>del 99 per cento per gli utenti con la PWA installata\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quando puntare su una PWA<\/h2>\n\n\n\n<p>Ora che sappiamo (ancora meglio) quali sono le caratteristiche e le funzioni principali di una PWA, possiamo anche comprendere quando \u00e8 possibile&nbsp;<strong>trarre vantaggio dalla scelta<\/strong>&nbsp;di questa tecnologia e quando, invece, potrebbe essere meglio sviluppare un\u2019app nativa.<\/p>\n\n\n\n<p>Questa scelta dovrebbe essere basata sui nostri&nbsp;<strong>obiettivi di business<\/strong>&nbsp;(migliorare le conversioni, il traffico e l\u2019esperienza utente),&nbsp;<strong>target di riferimento, budget<\/strong>&nbsp;e raccomandazioni di una societ\u00e0 di sviluppo di applicazioni web, sempre all\u2019interno di un\u2019efficace&nbsp;<strong>strategia complessiva di<\/strong>&nbsp;<strong>mobile marketing<\/strong>.<\/p>\n\n\n\n<p>La PWA pu\u00f2 diventare la soluzione ideale, in particolare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se abbiamo un&nbsp;<strong>sito di e-Commerce<\/strong>&nbsp;e vogliamo riuscire a coinvolgere meglio i clienti o ottenerne di nuovi, ma non abbiamo le risorse per sviluppare e mantenere pi\u00f9 applicazioni su diverse vetrine.<\/li>\n\n\n\n<li>Se desideriamo che la nostra app raggiunga&nbsp;<strong>molte persone in un lasso di tempo molto breve<\/strong>, in aggiunta ai canali di distribuzione che gi\u00e0 sfruttiamo, poich\u00e9 \u00e8 facile condividere un collegamento URL o persino guadagnare una feature nei risultati di ricerca di Google.<\/li>\n\n\n\n<li>Se siamo&nbsp;<strong>un\u2019azienda giovane<\/strong>&nbsp;che vuole stimolare l\u2019engagement degli utenti, perch\u00e9 non richiede alcun download o installazione, ma al tempo stesso permette di interagire con i clienti attraverso funzioni come le notifiche push.<\/li>\n\n\n\n<li>Se vogliamo&nbsp;<strong>integrare e aumentare il traffico del sito Web<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Pi\u00f9 in generale, una PWA \u00e8 una scelta pi\u00f9 veloce e conveniente rispetto alla creazione ex novo di un\u2019app, e non \u00e8 un caso che molti grandi brand, tra cui Starbucks, Twitter e Uber, abbiano puntato sulle PWA all\u2019interno della loro strategia web, in aggiunta alle app native, per&nbsp;<strong>soddisfare le esigenze dei loro utenti<\/strong>&nbsp;in modo olistico.<\/p>\n\n\n\n<p>In definitiva, se abbiamo bisogno di una app&nbsp;<strong>semplice da configurare e aggiornare<\/strong>, versatile e che funzioni su una vasta gamma di dispositivi, allora una PWA \u00e8 probabilmente la scelta giusta grazie alla sua scalabilit\u00e0 e al minor costo di ingresso, perch\u00e9 ci permetteranno di&nbsp;<strong>concentrare gli sforzi<\/strong>&nbsp;su un unico fronte che d\u00e0 la priorit\u00e0 all\u2019esperienza utente, invece di&nbsp;<em>sprecare energia<\/em>&nbsp;su pi\u00f9 app native progettate per diversi sistemi operativi, con visibilit\u00e0 limitata sui motori di ricerca.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le&nbsp;Progressive Web App&nbsp;sono un ibrido tra app mobile e sito Web, e quindi sono applicazioni web che sfruttano le ultime tecnologie web per offrire un\u2019esperienza utente simile a quella di un\u2019app nativa. Questa tecnologia funziona sul&nbsp;browser,&nbsp;non richiede download&nbsp;dall\u2019app store, contiene pagine Web proprio come un sito, ma allo stesso tempo&nbsp;imita la funzionalit\u00e0&nbsp;di un\u2019applicazione mobile, caratteristica [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1502","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/pages\/1502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/comments?post=1502"}],"version-history":[{"count":7,"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/pages\/1502\/revisions"}],"predecessor-version":[{"id":1558,"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/pages\/1502\/revisions\/1558"}],"wp:attachment":[{"href":"https:\/\/zaccararoberto.eu\/index.php\/wp-json\/wp\/v2\/media?parent=1502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}