JD.ID steigerte die mobile Conversion-Rate (mCVR) insgesamt um 53%, die mCVR für installierte Nutzer um 200 % und die Anzahl der aktiven Nutzer pro Tag um 26%.
JD.ID ist eine E-Commerce-Plattform in Indonesien, die Lieferservices für eine breite Palette von Produkten anbietet, darunter elektronische Geräte, Haushaltsgeräte, Kleidung, Modeaccessoires und Sportartikel. Das Unternehmen ist derzeit in mehr als 350 indonesischen Städten tätig und wollte seine Onlinepräsenz weiter ausbauen, indem es sich auf Leistung und eine starke netzwerkunabhängige Erfahrung für seine Progressive Web App (PWA) konzentrieren wollte. Dank dieser verbesserten Nutzererfahrung konnte JD.ID die mobile Conversion-Rate (mCVR) insgesamt um 53%, die mCVR für installierte Nutzer um 200 % und die täglich aktiven Nutzer um 26 % steigern. Dadurch war JD.ID auf dem besten Weg, das beliebteste und vertrauenswürdigste E-Commerce-Unternehmen des Landes zu werden.
Hervorhebung der Chance
Um die instabilen Mobilfunknetze in Indonesien aufgrund der großen Anzahl von Netzbetreibern zu überwinden, suchte JD.ID nach einer Lösung, die die Website und die Nutzerfreundlichkeit konstant hält und lokale Caching-Probleme löst. Das Unternehmen sah ein enormes Akquisitionspotenzial durch Nutzer, die die Website des Unternehmens besucht, aber die iOS-/Android-App nicht heruntergeladen hatten. Um diese Chance zu nutzen, erstellte das Unternehmen mithilfe von Best Practices für PWAs eine App-ähnliche UX auf der Website, um die Interaktion zu verbessern. Der Schwerpunkt lag dabei auf einer Stabilität des Netzwerks, um die Zuverlässigkeit zu erhöhen.
Der Ansatz
Caching-Strategien
Das JD.ID-Team nutzte Workbox, um Netzwerkprobleme zu minimieren und die Nutzerfreundlichkeit zu verbessern. Damit sorgte das JD.ID-Team dafür, dass die PWA auch dann einwandfrei funktionierte, wenn der Nutzer offline oder in einem schlechten Netzwerk war. Workbox erleichterte die Umsetzung seiner PWA-Caching-Strategie, die aus drei Teilen bestand:
- Zuerst auf Netzwerk, Fallback auf Cache: Bei dieser Strategie wird zuerst eine Antwort vom Netzwerk abgerufen. Sobald eine Antwort empfangen wurde, wird sie an den Browser übergeben und in einem Cache gespeichert. Wenn die Netzwerkanfrage fehlschlägt, wird die letzte im Cache gespeicherte Antwort verwendet. JD.ID wendete diese Strategie auf die Startseite an, damit Nutzer auch offline auf die Startseite zugreifen können.
- Zuerst im Cache speichern, Fallback auf Netzwerk: Bei dieser Strategie wird der Cache zuerst auf eine Antwort geprüft und, falls verfügbar, verwendet. Ist dies nicht der Fall, ruft die JD.ID-Website das Netzwerk auf, speichert die Antwort im Cache und übergibt sie an den Browser. Wenn der Service Worker installiert wird, werden die statischen Ressourcen der Startseite, der Offline-Fallback-Seite (siehe Erläuterung unten), der Kategorieseite, der Produktseite, des Einkaufswagens und der Abrechnungsseite im Voraus im Cache des Nutzers gespeichert. Wenn der Nutzer zu einer dieser Seiten weiterleitet, sorgt diese Caching-Strategie dafür, dass der Browser die statischen Ressourcendateien direkt aus dem Cache abruft. Dadurch wird die Ladegeschwindigkeit dieser kritischen Seiten verbessert.
- Nur Netzwerk: Bei dieser Strategie darf die Antwort nur aus dem Netzwerk kommen. JD.ID verwendet diese Strategie für die Einkaufswagen- und Abrechnungsseite, da diese Seiten eine sehr hohe Datengenauigkeit erfordern.
Workbox ermöglicht es JD.ID außerdem, Routingregeln, die Standarddauer von Zeitüberschreitungen bei Anfragen, die Anzahl der im Cache gespeicherten Antworten und die Dauer für die Speicherung von Antworten im Cache zu konfigurieren.
Offline-Fallback-Seite
Das JD.ID-Team hat eine Offline-Fallback-Seite erstellt, um den Nutzern eine einheitliche Erfahrung zu bieten und das Branding der Website zu verbessern. Außerdem wurde ein Web-App-Manifest hinzugefügt, mit dem Nutzer die Web-App ganz einfach auf ihrem Mobilgerät installieren können.
Push-Benachrichtigungen.
Darüber hinaus implementierte JD.ID für die erneute Interaktion Push-Benachrichtigungen mit Firebase Cloud Messaging für das Web, die speziell während Werbeaktionen für Produktverkäufe angewendet wurden.
Geschäftsergebnisse insgesamt
- Die mobile Conversion-Rate (mCVR) insgesamt verbesserte sich um 53 %.
- Die mCVR für Nutzer, die die JD.ID-PWA installiert haben, verbesserte sich um 200%
- Die Anzahl der aktiven Nutzer pro Tag über mobile Plattformen stieg um 26 %, da das Re-Engagement über Push-Benachrichtigungen gesteigert wurde
![Die Statistiken zu den Auswirkungen.](https://web.dev/static/case-studies/jdid/image/the-impact-statistics-73ae216ba5efe.png?authuser=6&hl=de)
Unser Unternehmen wächst schnell und wir konzentrieren uns stärker darauf, die Nutzerfreundlichkeit zu verbessern. Unser Ziel ist es, das beliebteste und vertrauenswürdigste E-Commerce-Unternehmen zu werden, indem wir allen Nutzern und Kunden in Indonesien Dienste und eine Vielzahl von Produkten anbieten. Webleistung und PWA sind ein entscheidender Bestandteil unserer UX- und Gesamtstrategie und wir werden auch in Zukunft in diese Bereiche investieren.
Fengxian Liu, Web Engineering Manager, JD.ID
Auf der Seite mit Fallstudien zu Scale on Web finden Sie weitere Erfolgsgeschichten aus Indien und Südostasien.