Hier erfahren Sie, wie ein kleines Team mit einer überzeugenden Marktplatz-PWA große Erfolge erzielt hat.
OpenSooq mit Sitz in Amman, Jordanien, ist ein mobil orientierter Kleinanzeigenmarkt für Kleinanzeigen, der eine breite Palette von Produkten und Dienstleistungen in 19 Ländern im Nahen Osten und Nordafrika anbietet.
Die Herausforderung
Mehr als 85% des Traffics von OpenSooq erfolgen über Mobilgeräte, Tendenz steigend. Viele Menschen in der Region verlassen sich auf Low-End-Geräte mit begrenzter Speicherkapazität. Deshalb muss die mobile Website von OpenSooq so schnell und schlank wie möglich sein. Lange Ladezeiten auf der alten mobilen Website von OpenSooq beeinträchtigten jedoch die Kundenzufriedenheit und führten in Märkten wie Kuwait zu Absprungraten von bis zu 49 %.
Das Unternehmen brauchte eine schnellere, reaktionsschnellere Website, um seinen Kundinnen und Kunden auf allen Plattformen eine kontinuierlich bessere Erfahrung bieten zu können. Aus diesem Grund hat das Entwicklerteam von OpenSooq im Juni 2017 eine Progressive Web App (PWA) eingeführt.
Fokus auf Leistung und Zuverlässigkeit
Die drei internen Entwickler von OpenSooq konnten mit React und Webpack in nur zweieinhalb Monaten eine voll funktionsfähige PWA erstellen.
Um sicherzustellen, dass die Website schnell und leicht von Suchmaschinen indexiert werden kann, entschied sich das Team für das serverseitige Rendering. Da fast 28% ihrer Nutzer über 2G- oder 3G-Netze auf die PWA zugreifen, war es entscheidend, dass sie unabhängig von den Netzwerkbeschränkungen funktionierte. Also implementierte das Team eine Offline-Nutzung mithilfe von Service Workern und einer Cache-First-then-Network-Strategie. Außerdem wurde das PRPL-Muster verwendet, damit die Nutzer die Seite sofort laden können.
Mithilfe dieser Best Practices konnte das Team die durchschnittliche Seitenladezeit (Zeit bis Interaktivität) von 4 Sekunden auf weniger als 2 Sekunden reduzieren. Außerdem wurde mithilfe von Lighthouse dafür gesorgt, dass die Website so schnell bleibt. Dank dieser Bemühungen konnte OpenSooq monatlich über 1,8 Milliarden Seitenaufrufe erzielen.
Mehr als ein Viertel unserer Nutzer greift über Netzwerke im niedrigen mittleren Bereich auf die OpenSooq-PWA zu. Zuverlässigkeit war also entscheidend, um sie bei der Stange zu halten. Mithilfe von Service Workern und Caching-Strategien konnten wir die von uns benötigte zuverlässige Nutzerumgebung nahtlos gestalten.
Amin Shoman, PWA Technical Manager bei OpenSooq
Erneute Interaktion fördern
Das Team von OpenSooq wollte eine leistungsstarke und zuverlässige Nutzung ermöglichen und dafür sorgen, dass die Nutzer weiterhin mit dem Produkt interagieren. Dazu konnten sie die PWA auf ihrem Startbildschirm installieren und sinnvolle Benachrichtigungen hinzufügen. So konnten Käufer über die Interaktion mit Verkäufern bei Suchanfragen und Verkäufer über die Aktivierung und das Ablaufdatum von Anzeigen informiert werden.
Durch diese Verbesserungen stiegen die monatlich aktiven Nutzer der Webversion von OpenSooq um 14%. Bei Nutzern, die die PWA installiert haben, stieg die Anzahl der Seitenaufrufe pro Sitzung um 48% und die durchschnittliche Sitzungsdauer stieg um 28 %. OpenSooq verzeichnete außerdem einen Anstieg der durchschnittlichen Zeit auf einer Seite um 25% und einen Rückgang der durchschnittlichen Absprungraten in allen Märkten um 29 %.
Zukunftspläne
Nach nur wenigen Wochen Anstrengung entwickelte OpenSooq eine 23 KB große PWA mit vollem Funktionsumfang, die Nutzern auf allen Plattformen und in allen Browsern eine einheitliche Nutzererfahrung bietet. Und da sich Funktionen im Web ganz einfach aktualisieren lassen, konzentriert sich das Team auf PWAs. Dazu wurden neue Funktionen und Aufrufabfolgen von Webseiten in der PWA eingeführt und getestet, bevor sie auf anderen Plattformen eingeführt werden.
OpenSooq arbeitet derzeit daran, eine plattformspezifische Installationsaufforderung hinzuzufügen und die PWA in Accelerated Mobile Pages (AMP) zu integrieren. Durch diese Verbesserungen wird das Laden von Seiten weiter beschleunigt und der Übergang zur plattformspezifischen App so reibungslos wie möglich gestaltet. Das Team von OpenSooq baut auf seinen ersten Entwicklungsbemühungen auf und wird auch in Zukunft für die bestmögliche Nutzung sorgen.
Die Bedeutung der Entwicklung unserer PWA war sowohl für die Führungsebene als auch für die technischen Teams klar. Nachdem wir eine moderne Webanwendung entwickelt und leistungsfähig gemacht haben, freuen wir uns, die Auswirkungen unserer 2,5-Monats-Investition auf das Geschäft zu sehen.
Ramzi Alqrainy, Chief Technology Officer, OpenSooq