Erfahren Sie, wie ein kleines Team mit einer überzeugenden Marktplatz-PWA große Erfolge erzielt hat.
OpenSooq mit Sitz in Amman, Jordanien, ist ein mobiler Kleinanzeigenmarkt, der in 19 Ländern im Nahen Osten und in Nordafrika eine breite Palette von Produkten und Dienstleistungen anbietet.
Die Herausforderung
Über 85% der Zugriffe auf OpenSooq erfolgen über Mobilgeräte. Diese Zahl steigt kontinuierlich an. Viele Menschen in der Region nutzen Low-End-Geräte mit begrenzter Speicherkapazität. Daher muss die mobile Website von OpenSooq so schnell und effizient wie möglich sein. Die langen Ladezeiten der alten mobilen OpenSooq-Website wirkten sich jedoch negativ auf die Kundenzufriedenheit aus und führten in Märkten wie Kuwait zu Absprungraten von bis zu 49 %.
Um seinen Kunden auf allen Plattformen eine gleichbleibend gute Nutzererfahrung zu bieten, erkannte das Unternehmen, dass es eine schnellere, responsivere Website benötigte. Im Juni 2017 veröffentlichte das Engineering-Team von OpenSooq eine progressive Web-App (PWA).
Schwerpunkt auf Leistung und Zuverlässigkeit
Die drei internen Entwickler von OpenSooq konnten in nur zweieinhalb Monaten mit React und webpack eine vollwertige PWA entwickeln.
Damit die Website schnell und einfach von Suchmaschinen indexiert werden kann, entschied sich das Team für das serverseitige Rendering. Da fast 28% der Nutzer über 2G- oder 3G-Netzwerke auf die PWA zugreifen, war es wichtig, dass die Nutzer unabhängig von Netzwerkeinschränkungen darauf vertrauen konnten, dass die PWA funktioniert. Das Team implementierte daher eine Offlinefunktion mit Dienst-Workern und einer Cache-first-then-Network-Strategie. Außerdem wurde das PRPL-Muster verwendet, um Nutzern ein sofortiges Laden zu ermöglichen.
Durch die Anwendung dieser Best Practices konnte das Team die durchschnittliche Seitenladezeit (Time to Interactive) von 4 Sekunden auf weniger als 2 Sekunden senken. Mit Lighthouse wurde sichergestellt, dass die Website so schnell bleibt. So konnte OpenSooq mehr als 1,8 Milliarden Seitenaufrufe pro Monat verzeichnen.
Über ein Viertel unserer Nutzer greifen über Netzwerke mit niedriger bis mittlerer Geschwindigkeit auf die OpenSooq-PWA zu. Daher war Zuverlässigkeit entscheidend, um diese Nutzer bei Laune zu halten. Mithilfe von Dienst-Workern und Caching-Strategien konnten wir die erforderliche zuverlässige Nutzererfahrung nahtlos schaffen.
Amin Shoman, PWA Technical Manager, OpenSooq
Die erneute Interaktion verbessern
Nachdem das OpenSooq-Team eine leistungsstarke und zuverlässige Plattform entwickelt hatte, wollte es dafür sorgen, dass die Nutzer weiterhin mit dem Produkt interagieren. Dazu ermöglichte das Unternehmen Nutzern, die PWA auf dem Startbildschirm zu installieren, und fügte Unterstützung für sinnvolle Benachrichtigungen hinzu. So konnten Käufer über Verkäuferinteraktionen bei Suchanfragen und Verkäufer über die Aktivierung und das Ablaufdatum von Anzeigen informiert werden.
Durch diese Verbesserungen stieg die Anzahl der monatlich aktiven Nutzer der OpenSooq-Webversion um 14%. Bei Nutzern, die die PWA installiert hatten, stieg die Anzahl der Seitenaufrufe pro Sitzung um 48% und die durchschnittliche Sitzungsdauer um 28 %. Außerdem konnte OpenSooq die durchschnittliche Verweildauer der Nutzer auf einer Seite um 25% steigern und die durchschnittliche Absprungrate in allen Märkten um 29% senken.
Zukunftspläne
Nach nur wenigen Wochen hatte OpenSooq eine voll funktionsfähige PWA mit 23 KB erstellt, die Nutzern auf allen Plattformen und in allen Browsern eine einheitliche Nutzererfahrung bietet. Da es einfach ist, Funktionen im Web zu aktualisieren, hat das Team zuerst eine PWA eingeführt. Es hat neue Funktionen und Nutzerflüsse in der PWA eingeführt und getestet, bevor sie auf anderen Plattformen eingeführt wurden.
OpenSooq arbeitet derzeit daran, einen plattformspezifischen Installationshinweis 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 OpenSooq-Team wird auf der Grundlage der ursprünglichen Entwicklungsarbeit weiter daran arbeiten, seinen Nutzern die bestmögliche Nutzererfahrung zu bieten.
Die Bedeutung der Entwicklung unserer PWA war sowohl der Führungsebene als auch den technischen Teams klar. Nachdem wir eine moderne Webanwendung entwickelt und leistungsfähig gemacht haben, sind wir gespannt, welche Auswirkungen unsere 2,5-monatige Investition auf das Geschäft hat.
Ramzi Alqrainy, Chief Technology Officer, OpenSooq