Twitter Lite PWA erhöht deutlich die Interaktion und senkt die Datennutzung

Twitter-Details

Twitter ist eine Plattform, um auf dem Laufenden zu bleiben, was in der Welt passiert. Es hat weltweit 328 Millionen monatlich aktive Nutzer, die Informationen konsumieren, erstellen und teilen. Da über 80% der Nutzer Mobilgeräte nutzen, wollte Twitter seine mobile Website schneller, zuverlässiger und interaktiver gestalten. Die Twitter Lite Progressive Web App kombiniert das Beste der modernen Web- und nativen Funktionen. Im April 2017 wurde es zur Standardoberfläche für das mobile Web weltweit für alle Nutzer. Twitter Lite wurde entwickelt, um eine zuverlässigere Umgebung mit expliziten Zielen für sofortiges Laden, Nutzerinteraktionen und einen geringeren Datenverbrauch zu bieten.

  • 65% mehr Seiten pro Sitzung
  • 75% mehr gesendete Tweets
  • 20% niedrigere Absprungrate

Twitter Lite ist jetzt die schnellste, günstigste und zuverlässigste Methode, um Twitter zu nutzen. Die Web-App konkurriert mit der Leistung unserer systemeigenen Apps, benötigt aber weniger als 3% des Gerätespeicherplatzes im Vergleich zu Twitter für Android.

Nicolas Gallagher, Engineering Lead bei Twitter Lite

Mehr Interaktionen dank Aufforderung „Zum Startbildschirm hinzufügen“ und Push-Benachrichtigungen im Web

Die Website von Twitter erreicht Millionen von Nutzern. Bisher war es jedoch schwierig, Nutzer im mobilen Web wieder anzusprechen. Nach der Implementierung der Aufforderung „Zum Startbildschirm hinzufügen“, in der Nutzer gebeten werden, Twitter Lite auf ihren Startbildschirmen zu speichern, haben Twitter Lite durchschnittlich viermal täglich von 250.000 einzelnen Nutzern über den Startbildschirm gestartet.

Twitter hat Web-Push-Benachrichtigungen implementiert, die genauso funktionieren wie systemeigene Apps und kommen auch dann an, wenn der Browser des Nutzers geschlossen ist. Die Implementierung liefert über 10 Millionen Push-Benachrichtigungen pro Tag.

Datenverbrauch senken

Twitter Lite verwendet standardmäßig weniger Daten, stellt kleinere Medienressourcen bereit und verlässt sich so weit wie möglich auf zwischengespeicherte Daten. Die PWA optimiert außerdem Bilder, um den Datenverbrauch um bis zu 70% zu reduzieren, wenn Nutzer durch ihre Zeitachsen scrollen. Mit dem Datensparmodus können Nutzer noch mehr mobile Daten sparen, da sie die Kontrolle darüber haben, wann Twitter Lite Medien-Assets herunterlädt.

Für Twitter ist es wichtig, möglichst viele Nutzer zu erreichen. Dazu gehören auch diejenigen in aufstrebenden Märkten, in denen häufig niedrigere Downloadgeschwindigkeiten und weniger leistungsstarke Mobilgeräte verwendet werden. Twitter Lite hilft dabei, diese Zielgruppe effektiver zu erreichen, indem es Twitter auch bei geringer Bandbreite schneller und einfacher verwenden kann.

Twitter Lite-Nutzer profitieren von Einsparungen beim Datenverbrauch. Die PWA umfasst über das Netzwerk nur 600 KB, im Gegensatz zu 23,5 MB heruntergeladenen Daten, die für die Installation der nativen Android-App erforderlich sind.

Nahezu sofortiges Laden mit Service Worker-Skripts

Die ersten Ladevorgänge von Twitter Lite erfolgen auf den meisten Geräten mit weniger als 5 Sekunden über 3G-Netzwerke. Nachfolgende Ladevorgänge erfolgen nahezu sofort, selbst in unzuverlässigen Netzwerken. Die Anwendung streamt die ursprüngliche HTML-Antwort an den Browser und sendet Anweisungen zum Vorabladen kritischer Ressourcen. Ressourcen werden in detaillierte Teile unterteilt, sodass der anfängliche Ladevorgang nur die Ressourcen erfordert, die für den sichtbaren Bildschirm erforderlich sind. Ein Service Worker-Skript speichert zusätzliche Ressourcen im Cache, um eine schnelle Navigation zu anderen Bildschirmen zu ermöglichen.

Twitter macht über 80% der Nutzung von Twitter aus. Viele Twitter Lite-Nutzer erreichen die Website über 2G- oder 3G-Netzwerke. Eine schnelle Nutzererfahrung beim ersten Laden und bei nachfolgenden Aufrufen ist wichtig, damit Nutzer Tweets so schnell wie möglich ansehen und erstellen können. Twitter führte intelligente Ladestrategien wie Service Worker und Teile des PRPL-Musters (Push, Render, Pre-Cache und Lazy-Load) ein, um die Ladezeiten für beide Aktivitäten erheblich zu verkürzen. Wiederholte Besuche finden nahezu sofort statt, da der Service Worker aktuelle Ansichten, Feedaktualisierungen, Benachrichtigungen, Nachrichten und Einstellungen im Cache speichert. Twitter Lite-Nutzer profitieren von einer um 50% kürzeren Zeit bis zur interaktiven Interaktion im 99. Perzentil und bei angemeldeten Nutzern eine um 30% kürzere durchschnittliche Ladezeit.

Twitter verfolgte einen schrittweisen Ansatz, um Service Worker für Offline- und Netzwerkausfallsicherheit zu nutzen. Zuerst wurde eine benutzerdefinierte Offlineseite präsentiert, wenn keine Netzwerkverbindung verfügbar war. Als Nächstes wurde auf das Offline-Caching statischer Ressourcen wie CSS, Bilder und JavaScript-Bundles umgestellt, um wiederholte Besuche zu beschleunigen. Zuletzt wurde Unterstützung für das Offline-Caching der Application Shell hinzugefügt. Das Ergebnis: Twitter Lite startet in weniger als drei Sekunden, wenn ein Nutzer zur PWA zurückkehrt, selbst auf langsamen Mobilgeräten oder Netzwerken.

Weiterführende Literatur