PWA Twitter Lite aumenta notevolmente il coinvolgimento e riduce l'utilizzo dei dati

Dettagli su Twitter

Twitter è una piattaforma che consente di scoprire cosa sta succedendo nel mondo. Ha 328 milioni di utenti attivi mensili in tutto il mondo che utilizzano, creano e condividono informazioni. Con oltre l'80% degli utenti di dispositivi mobili, Twitter voleva che l'esperienza sul web mobile fosse più veloce, più affidabile e più coinvolgente. L'app web progressiva Twitter Lite unisce il meglio delle moderne funzionalità web e native. È diventata l'esperienza web mobile predefinita per tutti gli utenti a livello globale ad aprile 2017. Twitter ha sviluppato Twitter Lite per offrire un'esperienza più solida, con obiettivi espliciti per il caricamento istantaneo, il coinvolgimento degli utenti e un minor consumo di dati.

  • Aumento del 65% delle pagine per sessione
  • Aumento del 75% dei tweet inviati
  • Riduzione del 20% della frequenza di rimbalzo

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

Nicolas Gallagher, Engineering Lead per Twitter Lite

Aumento del coinvolgimento con il prompt "Aggiungi alla schermata Home" e le notifiche push web

Il sito web di Twitter raggiunge milioni di utenti, ma in passato è stato difficile ravvivare l'interesse degli utenti sul web mobile. Dopo aver implementato la richiesta "Aggiungi alla schermata Home" che chiede agli utenti di salvare Twitter Lite nelle schermate Home, Twitter ha registrato che 250.000 utenti giornalieri unici hanno lanciato Twitter Lite dalla schermata Home in media quattro volte al giorno.

Twitter ha implementato le notifiche push web che funzionano come quelle delle app native e arrivano anche quando il browser dell'utente è chiuso. L'implementazione fornisce oltre 10 milioni di notifiche push al giorno.

Riduzione del consumo di dati

Twitter Lite utilizza meno dati per impostazione predefinita, occupando risorse multimediali di dimensioni ridotte e utilizzando il più possibile i dati memorizzati nella cache. Inoltre, la PWA ottimizza le immagini per contribuire a ridurre il consumo di dati fino al 70% mentre gli utenti scorrono le proprie tempistiche. La modalità Risparmio dati aiuta gli utenti a conservare ancora più dati mobili offrendo loro il controllo su quando Twitter Lite scarica le risorse multimediali.

Raggiungere un vasto gruppo di utenti è importante per Twitter, compresi quelli nei mercati emergenti, in cui sono comuni velocità di download inferiori e dispositivi mobili meno potenti. Twitter Lite aiuta a raggiungere questo pubblico in modo più efficace rendendo Twitter più veloce e facile da usare in condizioni di larghezza di banda ridotta.

Gli utenti di Twitter Lite beneficiano di risparmi sul consumo di dati: la PWA ha una dimensione di soli 600 kB in rete, rispetto ai 23,5 MB di dati scaricati necessari per installare l'app Android nativa.

Caricamento quasi istantaneo con gli script del service worker

I primi caricamenti di Twitter Lite avvengono in meno di 5 secondi sulle reti 3G sulla maggior parte dei dispositivi e i caricamenti successivi sono quasi istantanei, anche sulle reti instabili. L'app trasmette in streaming la risposta HTML iniziale al browser, inviando istruzioni per precaricare le risorse critiche. Le risorse sono suddivise in parti granulari in modo che il caricamento iniziale richieda solo quelle necessarie per la schermata visibile. Uno script di service worker memorizza nella cache risorse aggiuntive, consentendo una navigazione veloce verso altre schermate.

I dispositivi mobili rappresentano oltre l'80% dell'utilizzo di Twitter, con molti utenti di Twitter Lite che raggiungono il sito tramite reti 2G o 3G. Un'esperienza utente rapida al primo caricamento e alle visualizzazioni successive è essenziale per consentire agli utenti di visualizzare e creare tweet il più rapidamente possibile. Twitter ha implementato strategie di caricamento intelligenti come i service worker e parti del pattern PRPL (Push, Render, Pre-cache e Lazyload) per ridurre drasticamente i tempi di caricamento per entrambe le attività. Le visite ripetute sono quasi istantanee grazie alla memorizzazione nella cache dei service worker di visualizzazioni correnti, aggiornamenti dei feed, notifiche, messaggi e impostazioni. Gli utenti di Twitter Lite hanno ottenuto una riduzione del 50% della latenza di inizio interattiva al 99° percentile, mentre gli utenti che hanno eseguito l'accesso hanno una riduzione del 30% del tempo di caricamento medio.

Twitter ha adottato un approccio incrementale per sfruttare i service worker per la resilienza offline e di rete, a partire da una pagina offline personalizzata presentata ogni volta che non era disponibile una connessione di rete. Successivamente, ha eseguito la transizione alla memorizzazione nella cache offline di risorse statiche come CSS, immagini e bundle JavaScript per velocizzare le visite ripetute. Infine, ha aggiunto il supporto per la memorizzazione nella cache offline della shell dell'applicazione. Il risultato: Twitter Lite si avvia in meno di 3 secondi quando un utente torna alla PWA, anche su reti o dispositivi mobili lenti.

Per approfondire