Inoltre, la nuova PWA ha un tempo di caricamento medio del 30% più veloce rispetto al vecchio sito e ha migliorato la frequenza di rimbalzo del 12% e la profondità della sessione del 18%.
Orange Polska S.A. (parte del gruppo internazionale Orange) è un fornitore leader di servizi di telecomunicazioni in Polonia, tra cui servizi di telecomunicazione mobili e fissi come voce, dati, accesso a internet e televisione. Forniamo inoltre servizi IT e di integrazione, linee in leasing e altri servizi e apparecchiature a valore aggiunto per le telecomunicazioni.
Sfida
Conosciamo tutti quella sensazione di ansia che si trasforma in irritazione quando un sito web impiega un'eternità a caricarsi. Per le aziende digitali con una presenza fisica minima o nulla l'impatto è ovvio, soprattutto nel caso delle app mobile, dove la nostra ricerca interna mostra chiaramente che il motivo unico più importante per la rimozione delle app è la velocità. Tuttavia, se operi in un settore consolidato come noi, con una solida strategia fisica per i canali di distribuzione, l'impatto della velocità digitale non è così ovvio, perché il digitale non è l'unica fonte di vendita. Ciò rende ancora più difficile convincere i dirigenti a investire in velocità.
Quando abbiamo proposto ai nostri dirigenti, abbiamo rafforzato il nostro caso affidandoci ai dati sul rendimento storico su Google Analytics per mostrare chiaramente la correlazione tra tempo di caricamento e tassi di conversione. Abbiamo dimostrato che ogni secondo aggiuntivo di tempo di caricamento della pagina ha generato una riduzione delle entrate e delle vendite del 15-20%.
Approccio
Abbiamo deciso di creare un'app web progressiva (PWA). Ci siamo concentrati in particolare sul traffico da dispositivi mobili perché oltre il 75% dei clienti utilizza il nostro sito web da un dispositivo mobile. In particolar modo, il team si è concentrato sul miglioramento degli indicatori chiave di prestazione e sull'offerta di un'esperienza più coinvolgente e interessante.
Abbiamo lanciato un nuovo team di scrum interfunzionale (compresi professionisti IT, aziendali e UX) che mirava a fornire una proof of concept per rispondere alle seguenti domande:
- Siamo in grado di ridurre efficacemente il tempo di caricamento rispettando le nostre significative limitazioni precedenti?
- Quale sarà l'impatto effettivo sulle conversioni e sulle entrate?
Abbiamo scelto Next.js per le sue numerose ottimizzazioni abilitate per impostazione predefinita o facili da configurare, come il rendering automatico lato server (particolarmente importante per la nostra SEO), il precaricamento dei dati e la suddivisione del codice. Un'altra considerazione fondamentale per noi è stata che Next.js ci ha permesso di eseguire la migrazione delle pagine una alla volta senza introdurre problemi nelle nostre applicazioni legacy. Ciononostante, abbiamo dovuto gestire la trasformazione in un ambiente complesso in cui facevamo ancora affidamento sui sistemi legacy, perciò il servizio non era disponibile. Per rimediare a questo problema, abbiamo integrato Workbox in modo che il nostro sito web sia sempre disponibile anche se il backend non funzionava. Inoltre, Workbox ci ha consentito di migliorare le prestazioni grazie alle soluzioni integrate per la memorizzazione nella cache, il routing delle richieste e la memorizzazione nella cache di runtime.
Risultati
La nostra nuova PWA ha un tempo di caricamento medio del 30% più rapido rispetto al vecchio sito, le conversioni da dispositivi mobili sono aumentate del 52%, la frequenza di rimbalzo del 12% e la profondità delle sessioni del 18%. Questa esperienza ha confermato la direzione strategica di trasformare tutte le soluzioni rivolte al cliente (compresi l'autocura del cliente e i frontend dei venditori) verso la tecnologia PWA.