Twitter est une plate-forme qui permet de découvrir ce qui se passe dans le monde. Il compte 328 millions d'utilisateurs actifs par mois à travers le monde, qui consomment, créent et partagent des informations. Plus de 80% des utilisateurs étaient sur mobile, et Twitter souhaitait que son expérience Web mobile soit plus rapide, plus fiable et plus attrayante. La progressive web app Twitter Lite associe le meilleur du Web moderne et des fonctionnalités natives. Elle est devenue l'expérience Web mobile par défaut pour tous les utilisateurs du monde entier en avril 2017. Twitter a développé Twitter Lite pour offrir une expérience plus robuste, avec des objectifs explicites : chargement instantané, engagement utilisateur et réduction de la consommation de données.
- Augmentation de 65% du nombre de pages par session
- Augmentation de 75% des tweets envoyés
- Diminution de 20% du taux de rebond
Twitter Lite est désormais le moyen le plus rapide, le moins coûteux et le plus fiable d'utiliser Twitter. L'application Web rivalise avec nos applications natives, mais elle utilise moins de 3% de l'espace de stockage de l'appareil par rapport à Twitter pour Android.
Nicolas Gallagher, ingénieur en chef pour Twitter Lite
Renforcer l'engagement avec l'invite "Ajouter à l'écran d'accueil" et les notifications push Web
Le site Web de Twitter touche des millions d'utilisateurs, mais il est traditionnellement difficile de réengager les utilisateurs sur le Web mobile. Après avoir implémenté l'invite "Ajouter à l'écran d'accueil" demandant aux utilisateurs d'enregistrer Twitter Lite sur leur écran d'accueil, Twitter a constaté que 250 000 utilisateurs uniques par jour lancent Twitter Lite quatre fois par jour en moyenne depuis l'écran d'accueil.
Twitter a implémenté les notifications push Web qui fonctionnent de la même manière que celles des applications natives et qui arrivent même si le navigateur de l'utilisateur est fermé. Cette implémentation envoie plus de 10 millions de notifications push par jour.
Réduire la consommation de données
Twitter Lite utilise moins de données par défaut. Il diffuse des ressources multimédias plus petites et s'appuie autant que possible sur les données mises en cache. La PWA optimise également les images afin de réduire la consommation de données jusqu'à 70% lorsque les utilisateurs font défiler la chronologie. Le mode Économiseur de données permet aux utilisateurs de préserver encore plus de données mobiles en leur permettant de contrôler à quel moment Twitter Lite télécharge des éléments multimédias.
Pour Twitter, il est important de toucher un large éventail d'utilisateurs, y compris dans les marchés émergents où les vitesses de téléchargement et les appareils mobiles moins puissants sont courants. Twitter Lite permet de toucher cette audience plus efficacement en rendant Twitter plus rapide et plus facile à utiliser lorsque la bande passante est faible.
Les utilisateurs de Twitter Lite bénéficient d'économies en termes de consommation de données. La PWA ne dépasse pas 600 Ko sur le réseau, contre 23,5 Mo de données téléchargées pour installer l'application Android native.
Chargement presque instantané avec les scripts de service worker
Le premier chargement de l'horloge Twitter Lite prend moins de 5 secondes sur les réseaux 3G sur la plupart des appareils. Les chargements suivants sont presque instantanés, même sur les réseaux irréguliers. L'application diffuse la réponse HTML initiale au navigateur, en envoyant des instructions pour précharger les ressources critiques. Les ressources sont divisées en éléments granulaires afin que le chargement initial ne nécessite que les ressources nécessaires à l'écran visible. Un script de service worker met en cache des ressources supplémentaires, ce qui permet d'accéder rapidement à d'autres écrans.
Twitter représente plus de 80% de l'utilisation de Twitter, et de nombreux utilisateurs de Twitter Lite accèdent au site via les réseaux 2G ou 3G. Une expérience utilisateur rapide lors du premier chargement et des vues suivantes est essentielle pour permettre aux utilisateurs de consulter et de créer des tweets le plus rapidement possible. Twitter a déployé des stratégies de chargement intelligentes, telles que les service workers et certaines parties du modèle PRPL (Push, Render, Pre-cache et Lazy-load) afin de réduire considérablement les temps de chargement des deux activités. Les visites répétées sont presque instantanées grâce à la mise en cache par le service worker des vues, mises à jour de flux, notifications, messages et paramètres actuels. Les utilisateurs de Twitter Lite bénéficient d'une réduction de 50% du délai d'interaction au 99e centile, et les utilisateurs connectés ont une réduction de 30% du temps de chargement moyen.
Twitter a adopté une approche incrémentielle pour exploiter les service workers pour la résilience du réseau et hors connexion, en commençant par une page hors connexion personnalisée affichée lorsqu'aucune connexion réseau n'était disponible. L'entreprise est ensuite passée à la mise en cache hors connexion des ressources statiques telles que les fichiers CSS, les images et les bundles JavaScript pour accélérer les visites répétées. Enfin, il a ajouté la compatibilité avec la mise en cache hors connexion de son interface système d'application. Résultat : Twitter Lite démarre en moins de trois secondes lorsqu'un utilisateur revient à la PWA, même sur les appareils mobiles ou les réseaux lents.