La nuova PWA ha anche un tempo di caricamento medio 30% più rapido 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 telecomunicazione in Polonia, inclusi servizi di telecomunicazione fissi e mobili come voce, dati, accesso a internet e televisione. Forniamo inoltre servizi IT e di integrazione, linee in leasing e altri servizi e apparecchiature di telecomunicazioni a valore aggiunto.
La sfida
Tutti conosciamo 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 è evidente, soprattutto quando si tratta di app mobile, in cui la nostra ricerca interna mostra chiaramente che il motivo più importante per la disinstallazione delle app è la velocità. Tuttavia, se operi in un settore consolidato come il nostro, con una solida strategia di vendita al dettaglio per i canali di distribuzione, l'impatto della velocità del digitale non è così evidente, perché il digitale non è l'unica fonte delle nostre vendite. Di conseguenza, è ancora più difficile convincere i dirigenti a investire nella velocità.
Quando abbiamo presentato la nostra proposta ai dirigenti, abbiamo rafforzato la nostra tesi facendo riferimento ai dati storici sul rendimento in Google Analytics per mostrare chiaramente la correlazione tra tempo di caricamento e tassi di conversione. Con dati concreti, abbiamo dimostrato che ogni secondo aggiuntivo di tempo di caricamento della pagina ha comportato una riduzione delle entrate e delle vendite del 15-20%.
Approccio
Abbiamo deciso di creare un'app web progressiva (PWA). Ci siamo concentrati in modo specifico sul traffico mobile perché più del 75% dei clienti utilizza il nostro sito web tramite un dispositivo mobile. Il team si è concentrato allo stesso modo sul miglioramento degli indicatori chiave di prestazione e sulla creazione di un'esperienza più coinvolgente e accattivante.
Abbiamo lanciato un nuovo team scrum interfunzionale (compresi professionisti IT, aziendali e UX) che aveva come obiettivo la realizzazione di una prova del concetto per rispondere alle seguenti domande:
- Siamo in grado di ridurre efficacemente il tempo di caricamento rispettando al contempo i nostri significativi vincoli legacy?
- Quale sarà l'impatto effettivo sulle conversioni e sulle entrate?
Abbiamo scelto Next.js per le sue numerose ottimizzazioni che sono attivate per impostazione predefinita o facili da configurare, come il rendering lato server automatico (particolarmente importante per il nostro SEO), il prefetching dei dati e la suddivisione del codice. Un altro aspetto fondamentale per noi è stato che Next.js ci ha consentito di eseguire la migrazione delle pagine una alla volta senza introdurre problemi nelle nostre applicazioni legacy. Tuttavia, abbiamo dovuto gestire la trasformazione in un ambiente complesso in cui eravamo ancora dipendenti da sistemi legacy, con conseguente indisponibilità del servizio. Per risolvere il problema, abbiamo integrato Workbox in modo che il nostro sito web fosse sempre disponibile anche se il backend non era attivo. Workbox ci ha anche fornito un buon aumento delle prestazioni grazie alle sue soluzioni integrate per la memorizzazione in cache precedente, il routing delle richieste e la memorizzazione in cache di runtime.
Risultati
La nostra nuova PWA ha un tempo di caricamento medio 30% più veloce rispetto al vecchio sito, le conversioni sui dispositivi mobili sono aumentate del 52%, il tasso di abbandono è migliorato del 12% e la profondità della sessione è migliorata del 18%. Questa esperienza ha confermato la direzione strategica di trasformazione di tutte le soluzioni rivolte ai clienti (inclusi i frontend di assistenza clienti e dei venditori) verso la tecnologia PWA.