Ogni mese, Mynet offre a più di 34 milioni di visitatori il suo sito con contenuti e servizi relativi a notizie, video, giochi, finanziari, informativi e di intrattenimento. Dopo aver lanciato un'app web progressiva (PWA) che utilizza Accelerated Mobile Pages (AMP) per i contenuti, l'azienda ha riscontrato una diminuzione di 4 volte del tempo medio di caricamento delle pagine. Inoltre, Mynet ha registrato un aumento significativo del coinvolgimento degli utenti, con un aumento del 43% del tempo medio trascorso sul sito mobile.
- Aumento del 25% delle entrate per visualizzazione di pagina dell'articolo
- Velocità media di caricamento delle pagine 4 volte superiore
- Tempo medio sul sito più lungo del 43%
- 34% in più di visualizzazioni di pagina per sessione
- Frequenze di rimbalzo ridotte del 24%
Challenge
Con oltre l'85% del traffico mobile proveniente dal web mobile, il sito web per dispositivi mobili di Mynet è indispensabile per la sua strategia. Tuttavia, ha notato che gli utenti trascorrevano il doppio del tempo sul sito mobile rispetto agli utenti dell'app nativa. Quando Mynet ha analizzato il comportamento degli utenti sul suo sito mobile, è risultato chiaro che la loro esperienza sul web mobile era troppo lenta. Mynet voleva creare un sito web mobile estremamente veloce e coinvolgente, simile a ciò che avrebbe potuto raggiungere con un'app nativa.
Soluzione
Per aumentare il traffico e il ricoinvolgimento contemporaneamente, Mynet ha lanciato una PWA che utilizza AMP per offrire un'esperienza veloce, simile a quella di un'app, sul web mobile. Con questa configurazione, le pagine degli articoli si caricano quattro volte più velocemente rispetto al vecchio sito mobile. Ciò ha portato a un corrispondente calo del 24% della frequenza di rimbalzo. Anche Mynet ha notato una correlazione tra velocità e coinvolgimento, dal momento che gli utenti hanno iniziato a trascorrere il 43% in più del tempo sul sito. Inoltre, ha registrato un aumento delle visualizzazioni di pagina del 34% per sessione. Tutto questo è stato completato in più fasi:
Iniziare velocemente con AMP
Mynet ha inizialmente creato il supporto per i suoi articoli, pubblicati come pagine AMP indipendenti. In questo modo possono mostrare i risultati nel carosello AMP nei risultati di ricerca di Google. Inoltre, consente loro di offrire prestazioni eccezionali per il caricamento delle pagine agli utenti che navigano tra i contenuti sul web mobile, aspetto fondamentale per le reti limitate o instabili. Il lancio di pagine AMP indipendenti non è stata una grande sfida per il loro sistema CMS e ci sono volute solo due settimane per lanciare tutti i contenuti degli articoli in AMP.
Per garantire che gli annunci venissero pubblicati nel modo più rapido ed efficiente possibile, Mynet ha lanciato gli annunci AMP. Questi annunci vengono caricati fino a due volte più velocemente rispetto a quelli standard, con un aumento delle percentuali di clic (CTR) e delle entrate fino al 30%.
Rapidità e ricoinvolgimento con le PWA
Successivamente, Mynet voleva migliorare il sito web per dispositivi mobili, così ha creato una versione beta separata del sito con tecnologie PWA. L'azienda si è affidata a queste tecnologie per offrire un'esperienza utente (UX) più immersiva e simile a quella di un'app, anziché dover aggiornare minimamente il sito sottostante. In particolare, l'azienda ha sfruttato i Service worker per ottenere prestazioni affidabili sulle reti instabili e il messaggio dell'utente "Aggiungi alla schermata Home" e le notifiche push per coinvolgere nuovamente gli utenti. Ha creato una PWA tra le migliori del settore con un punteggio prestazioni Lighthouse di 95/100. Lighthouse è uno strumento automatizzato per migliorare la qualità delle pagine web che possono essere eseguite su qualsiasi pagina del web.
AMP e PWA funzionano meglio insieme
Dopo aver testato AMP e PWA come versioni indipendenti e aver ottimizzato le relative prestazioni, Mynet era pronta a passare all'ultima fase di creazione di una soluzione unificata per il suo sito web mobile. L'inserimento delle pagine di contenuti AMP nella PWA ha fruttato velocità e usabilità nel nuovo sito per dispositivi mobili. Una volta lanciato il sito combinato AMP/PWA, Mynet ha dimezzato il numero di versioni di produzione web (dispositivi mobili e desktop), diminuendo il numero di implementazioni necessarie per gestire e migliorare il codice.
Perché utilizzare una soluzione combinata AMP/PWA? AMP offre prestazioni eccezionali in termini di caricamento della prima pagina sul web mobile, mentre le PWA rendono le visite ripetute veloci e affidabili. Grazie al messaggio "Aggiungi alla schermata Home" e alle notifiche push, le PWA consentono inoltre ai siti di aumentare il ricoinvolgimento degli utenti. Insieme, questa strategia consente a Mynet di offrire esperienze di alta qualità alla prima visita o a visite ripetute, indipendentemente dalle condizioni della rete.
Circa il 30% dei visitatori del sito web mobile di Mynet utilizza un dispositivo iOS. Mynet ha registrato un aumento del 15% delle visualizzazioni di pagina medie per sessione e una diminuzione del 23% della frequenza di rimbalzo su iOS, il tutto nonostante le opzioni "Aggiungi alla schermata Home", le notifiche push e la memorizzazione nella cache offline non fossero disponibili a causa della mancanza di supporto dei service worker su iOS. Questo maggiore coinvolgimento è risultato dei miglioramenti in termini di velocità e interfaccia utente (UI) offerti dalla PWA basata su AMP.
L'impatto complessivo dell'utilizzo di AMP all'interno della PWA è un aumento del 25% delle entrate pubblicitarie per visualizzazione di pagina dell'articolo.
Con un rinnovato interesse per la velocità, abbiamo deciso di integrare AMP e creare un'app web progressiva. AMP era importante per ridurre gli abbandoni delle pagine e ora le pagine AMP vengono caricate quattro volte più velocemente. Creando una PWA, abbiamo raggiunto le stesse funzionalità della nostra app e ora gli utenti trascorrono il 43% in più del tempo sul nostro sito e interagiscono di nuovo più spesso.
L. Fuat Seker , Business Development and Product Group Manager, Mynet
Risultati aggiuntivi
- Tempi di caricamento due volte più rapidi con gli annunci AMP
- Aumento del CTR e delle entrate del 30% con gli annunci AMP
- Aumento del 15% delle visualizzazioni di pagina medie per sessione su iOS
- Frequenze di rimbalzo ridotte del 23% su iOS