Conversione del tuo sito WordPress in una PWA: avanti con la tendenza

Il movimento PWA è un movimento così trasformante e monumentale che è diventato come quello di un'onda gigante, che ha attraversato il mondo tecnologico, cambiando tutto sul suo cammino in meglio.

Alcuni dei marchi più influenti al mondo, ovvero Twitter con il loro famoso Twitter Lite , hanno ora ufficialmente fatto di PWA la base per i loro sviluppi futuri.

 Letture consigliate: 12 esempi di app Web progressive per la tua ispirazione

WordPress, o per essere più specifici, Automattic, le persone dietro WordPress, ha anche avviato il movimento PWA di WordPress nel Chrome Dev Summit 2017 annunciando il loro lavoro in corso per l'integrazione delle tecnologie progressive nel flusso di lavoro di piattaforme come WordPress.

Da allora, il panorama di WordPress è cambiato così tanto che non convertire il tuo WordPress in una PWA è quasi una perdita garantita di soddisfazione degli spettatori.

Comprensione della PWA

Come ha detto Google, le app Web progressive lo sono

• Affidabile : carica istantaneamente e non mostrare mai il downasaur, anche in condizioni di rete incerte.
• Veloce : rispondi rapidamente alle interazioni dell'utente con animazioni fluide come la seta e senza scorrimento fastidioso.
• Coinvolgente : sentiti come un'app naturale sul dispositivo, con un'esperienza utente coinvolgente.

In poche parole, le PWA sono il futuro dell'esperienza di navigazione web. Per ulteriori informazioni sulle PWA, consulta il nostro articolo: Cos'è una PWA?.

Perché PWA per WordPress?

A meno che tu non voglia che i tuoi spettatori si annoino a morte aspettando il caricamento della tua pagina web, la soluzione con prestazioni del sito, funzionalità e UX migliorate è sempre la scelta migliore.

Prendi, ad esempio, il famoso Twitter Lite. Un case study ha dimostrato che Twitter ha subito un enorme cambiamento nei comportamenti degli utenti con il rilascio di Twitter Lite.

Nicolas Gallagher, Engineering Lead di Twitter Lite, osserva:

Twitter Lite è ora il modo più veloce, meno costoso e più affidabile per utilizzare Twitter. L'app web rivaleggia con le prestazioni delle nostre app native ma richiede meno del 3% dello spazio di archiviazione del dispositivo rispetto a Twitter per Android.

E non è solo Twitter a unirsi al movimento, anche grandi marchi come Spotify lo hanno fatto con il loro recente sviluppo di Spotify PWA. Le statistiche e le notizie relative ai cambiamenti apportati dalle PWA sono ovunque e sono quasi troppo grandi per essere ignorate, rendendo così l'affermazione di un futuro del Web basato sulle PWA ancora più realistica che mai.

Prerequisiti per configurare una PWA in WordPress

• Le app Web progressive richiedono che il tuo sito Web WordPress sia servito da un'origine sicura, ovvero il tuo sito Web dovrebbe essere HTTPS e non HTTP .
• Versione WordPress: superiore a 3.5.0
• Versione PHP: superiore a 5.3

Come convertire il tuo sito WordPress in una PWA

Una volta soddisfatti i suddetti prerequisiti, i proprietari di siti WordPress possono scegliere di convertire in PWA utilizzando uno dei due modi: Manualmente o Con plug- in.

1. Sviluppa manualmente la tua PWA

Lo sviluppo di PWA, nonostante sia meno costoso di altri tipi di sviluppo, richiede comunque una notevole quantità di conoscenze di codifica e il suo sviluppatore deve conoscere i framework e le librerie Javascript prevalenti, in particolare Angular e React. Questo è il motivo per cui spesso si consiglia ai proprietari di siti inesperti di provare i plugin (gratuiti e/oa pagamento) o di assumere uno sviluppatore professionista poiché il processo di creazione di una PWA non è facile.

Durante il tentativo di creare una PWA manualmente, ricorda di seguire l'elenco di controllo dell'app Web progressiva di Google e testare la tua pagina Web rispetto allo strumento Lighthouse per la migliore esperienza utente possibile.

2. Con i plugin

Non preoccuparti, proprietari di siti non sviluppatori! WordPress offre un'ampia varietà di plugin che fanno la maggior parte dei lavori pesanti che i suoi utenti possono scegliere. Questi plugin sono di 2 tipi: plugin gratuiti e a pagamento.

Plugin gratuiti

1. Super PWA

In cima ai plugin PWA gratuiti per WordPress c'è SuperPWA con la sua lunga tradizione di servizio e qualità eccellenti.

SuperPWA è facile da configurare, ci vuole meno di un minuto per configurare la tua Progressive Web App. SuperPWA esegue una disinstallazione pulita, rimuovendo ogni voce e file di database che crea. Infatti, nessuna delle impostazioni predefinite viene salvata nel database finché non viene salvata manualmente la prima volta.

Installazioni attive: 30000+
Classificazione a stelle: ★★★★★

2. PWA

PWA ha lo scopo di fornire gli elementi costitutivi della PWA e il meccanismo di coordinamento per temi e plug-in per non reinventare la ruota e anche per non entrare in conflitto tra loro.

Se stai sviluppando un plug-in o un tema che include un addetto ai servizi, considera di fare affidamento su questo plug-in PWA o almeno utilizza solo l'implementazione integrata come ripiego per quando il plug-in PWA non è disponibile.

Ultimo aggiornamento: 5 mesi fa
Installazioni attive: oltre 20.000
Classificazione a stelle: ★★★★

3. PWA per WP e AMP

Per un'offerta gratuita, PWA per WP e AMP è eccezionale in quello che fa. È buono, facile da usare e offre un servizio clienti eccezionale; tuttavia, la sua documentazione sembra un po' carente, il che può comportare difficoltà nel far funzionare tutto.
Installazioni attive: oltre 8.000
Classificazione a stelle: ★★★★★

4. WebSuite PWA

WebSuite PWA è un plug-in completo per trasformare il tuo sito Web in una PWA con supporto AMP integrato. Il plug-in viene fornito con vari temi per conferire alla tua PWA un aspetto simile a un'app, insieme a molte funzionalità come Aggiungi alla schermata iniziale, Notifiche push, CDN, Integrazione analitica, ecc.

Installazioni attive: 30+

Classificazione a stelle: ★★★★★

5. Semplice PWA per WordPress di Webkul

Con soli $ 49, puoi convertire il tuo sito WordPress in una PWA completamente funzionale con tutte le sue funzionalità e vantaggi, e non è tutto. Il plug-in è compatibile con tutti i temi WordPress, inoltre puoi modificare il tema, il nome dell'applicazione e l'icona dell'applicazione dal backend di amministrazione senza troppi sforzi o conoscenze tecniche richieste.

Installazioni attive: informazioni non disponibili

Classificazione a stelle: informazioni non disponibili

Come installare i plugin PWA

Il processo di installazione per i plugin PWA di WordPress è praticamente semplice e snello. Di seguito utilizzeremo SuperPWA come esempio:

Installazione WordPress :

• Visita Amministrazione WordPress > Plugin > Aggiungi nuovo
• Cerca " App Web Super Progressive "
• Fai clic su " Installa ora " e quindi su " Attiva " app Web super progressive

Per installare manualmente:

• Carica la cartella delle app web super-progressive su /wp-content/plugins/ directory sul tuo server
• Vai a Amministrazione WordPress > Plugin
• Attiva il plug-in Super Progressive Web Apps dall'elenco.

Conclusione

Questo movimento PWA non sembra rallentare a breve e la soluzione migliore è agire ora prima di ritrovarti in ritardo.

Se sei un esperto di tecnologia e desideri maggiore libertà per te e per il tuo sito, lo sviluppo manuale di PWA dovrebbe essere un'opzione preferita per te. Tuttavia, per i proprietari di siti che non sono così esperti e desiderano un metodo più sicuro, provato e testato , i plugin PWA per WordPress non sono una cattiva idea. I plugin possono farti risparmiare tempo e il mal di testa occasionale quando hai a che fare con il processo di creazione di una PWA, consentendo così una migliore allocazione delle risorse.

Ulteriori letture:

• Magento PWA Studio: un confronto dettagliato con Vue Storefront

• Integrazione con Magento WordPress: una guida passo passo