Zusammenfassung
Voot.com bringt seine progressive Web-App für Medien in Indien heraus. Innerhalb von Tagen nach der Implementierung erhöhte sich die Sitzungsdauer um 39% und die täglichen Aufrufe pro Nutzer um 15%.
Ergebnisse
- 80% kürzere Seitenladezeit
- 39% längere Sitzungsdauer pro Nutzer
- Reduzierung der Absprungrate um 19 %
- 77% Steigerung bei Conversions von Besucher zu Betrachter
- Steigerung der durchschnittlichen täglichen Videoaufrufe pro Nutzer um 15 %
Über voot.com
Voot ist eines der führenden Video-on-Demand-Produkte Indiens, das sowohl als native App als auch als mobile Web-App verfügbar ist. Es bietet online fast 35.000 Stunden an Premiuminhalten, darunter exklusive Sendungen von Sendern wie Colors und MTV sowie Voot Originals und über 8.000 Videos für Kinder. Voot wird von Viacom18 betrieben, einem Joint Venture zwischen Viacom und Network18 Group.
Herausforderung
Mobilgeräte sind die Hauptform des Medienkonsums in Indien. Bei solchen Geräten ist der Speicherplatz für systemeigene Apps oft begrenzt. Daher ist das mobile Web ein wichtiger Bestandteil der Voot-Produktstrategie.
Die meisten Voot-Mobiltelefone greifen über gebührenpflichtige 2G- und 3G-Netzwerke auf das Internet zu. Die Datenübertragung ist kostspielig. Während die Nutzer sich nach dem Abspielen des Videos stark auf das Video konzentrieren, führen langsame Ladezeiten dazu, dass Nutzer die Wiedergabe abbrechen, bevor es überhaupt starten kann. Voot wollte diese Herausforderung bewältigen und die Nutzung des mobilen Webs steigern. Deshalb wollte Voot seine Website mit Funktionen für progressive Web-Apps verbessern.
Lösung
Zur Verbesserung der Nutzererfahrung hat Voot.com seine Website in eine progressive Web-App verwandelt, die Funktionen wie „Zum Startbildschirm hinzufügen“ und einen Service Worker verwendet.
Obwohl 4G-Dienste erst vor Kurzem eingeführt wurden, nutzen die meisten Nutzer in Indien das Internet über 2G- und 3G-Netzwerke, was langsame und manchmal teure Datenübertragungsraten angeht. Voot.com hat seine Bilder speziell für Mobilgeräte optimiert, um die übertragenen Daten zu reduzieren. Je nach Browserfunktionen stellt die Website jetzt dynamisch entweder JPEG- oder WebP-Bilder bereit.
Voot.com verkürzte außerdem die Ladezeiten, indem ein Service Worker hinzugefügt wurde, der Bilder vorab lädt, während der Nutzer navigiert, und Bilder für wiederholte Besuche im Cache speichert. Die Website wurde außerdem mit Lighthouse analysiert, um Leistungsstatistiken zu erhalten, was wiederum den JavaScript- und CSS-Aufwand sowie die Implementierung von synchronen Serveraufrufen ermöglichte.
Diese Optimierungen führten zu einer Reduzierung der Datenübertragung beim Laden der ersten Seite beim ersten Aufruf um 63% und bei der Datenübertragung für wiederkehrende Besucher um 86 %. Die Seitenladezeiten waren bei Erstbesuchern fünfmal schneller und bei wiederkehrenden Nutzern fast siebenmal schneller.
Voot.com bietet außerdem die Funktion Zum Startbildschirm hinzufügen, sodass Nutzer die Seite wie eine native App vom Startbildschirm aus aufrufen können. In Kombination mit einem optimierten Anmeldeprozess können Nutzer die Website schnell und einfach noch einmal aufrufen und sich ihre Lieblingssendungen ansehen.
Die neue UI von Voot führte zuerst im mobilen Web ein, vor der Desktop-Webversion und der nativen App. Innerhalb weniger Tage nach der Einführung führten die Verbesserungen zu einer Reduzierung der Nutzerabbrüche um 19% und zu einem Anstieg der Conversions vom Besucher zu einem Betrachter um 77 %. Die Nutzer zeigten auch mehr Interaktionen: Die durchschnittliche Sitzungsdauer stieg um 39% und die durchschnittlichen täglichen Videoaufrufe pro Nutzer stiegen um 15 %. Diese Nutzerinteraktionsmesswerte zeigen, dass Voot.com eine ähnliche Leistung wie die native App erzielt, ohne dass der Nutzer etwas installieren muss.
„Durch die Einführung von PWA haben wir die Nutzererfahrung im mobilen Web erheblich verbessert“, sagt Rajneel Kumar, SVP – Head of Product and Technology für OTT and Digital Ventures bei Viacom18. „Wir haben immer wieder Zeit und Mühe in Änderungen an der Technologie, an der Benutzeroberfläche und in Optimierungen investiert, um sehr positive Ergebnisse zu erzielen. Wir werden dies weiter optimieren und sind zuversichtlich, dass wir weiterhin eine deutliche Steigerung der Verbraucherzahlen verzeichnen werden.“