JD.ID、キャッシュ戦略、インストール、プッシュ通知を活用してモバイル コンバージョン率を 53% 向上

JD.ID は、全体的なモバイル コンバージョン率（mCVR）を 53%、インストール ユーザーの mCVR を 200%、1 日のアクティブ ユーザーを 26% 向上させました。

JD.ID は、電子機器、家庭用電化製品、衣料品、ファッション アクセサリー、スポーツ用品など、幅広い商品の配送サービスを提供しているインドネシアの e コマース プラットフォームです。現在、インドネシアの 350 を超える都市で事業を展開している JD.ID は、プログレッシブ ウェブアプリ （PWA）において、パフォーマンスとネットワークに依存しない優れたエクスペリエンスに注力することで、オンライン プレゼンスをさらに拡大したいと考えていました。この改善により、JD.ID は全体的なモバイル コンバージョン率（mCVR）を 53%、インストール ユーザーの mCVR を 200%、1 日のアクティブ ユーザー数を 26% 向上させることができました。その結果、国内で最も人気と信頼のおける e コマース企業への道筋をつけることができました。

JD.ID PWA をインストールしているユーザーのスクリーンショット

ビジネス チャンスの強調

膨大な数の通信事業者が存在するインドネシアの不安定なモバイル ネットワークを克服するために、JD.ID はウェブサイトとユーザー エクスペリエンスを常に維持し、ローカル キャッシュの問題を解決するソリューションを求めていました。ウェブサイトを訪れたことはあるものの、iOS/Android アプリをダウンロードしなかったユーザーからは、非常に高い獲得が見込めることが判明しました。このチャンスをつかむため、PWA のベスト プラクティスを活用して、ウェブサイトにアプリのような UX を構築し、信頼性に関するネットワーク レジリエンスに重点を置き、エンゲージメントを強化しました。

方法

キャッシュ戦略

ネットワークの問題を軽減し、ユーザー エクスペリエンスを改善するために、JD.ID チームは、Workbox を使用して、ユーザーがオフラインのときやネットワークが不安定なときでも PWA がうまく機能するようにしました。Workbox は、次の 3 つの部分で構成される PWA キャッシュ戦略を簡単に実施しました。

  • ネットワーク ファースト、キャッシュにフォールバック: この戦略は、最初にネットワークからレスポンスを取得することを目的としています。レスポンスを受信すると、それをブラウザに渡してキャッシュに保存します。ネットワーク リクエストが失敗した場合は、キャッシュに保存された最後のレスポンスが使用されます。JD.ID はこの戦略をホームページに適用して、ユーザーがオフラインでもホームページにアクセスできるようにしました。
  • キャッシュを最初に使用してネットワークにフォールバックする: この戦略では、まずキャッシュでレスポンスを確認し、可能な場合はそれを使用します。そうでない場合、JD.ID ウェブサイトはネットワークにアクセスし、レスポンスをキャッシュに保存してから、ブラウザに渡します。Service Worker がインストールされると、ホームページ、オフライン フォールバック ページ（後述）、カテゴリページ、商品ページ、ショッピング カート、決済ページの静的リソースが、ユーザーのキャッシュに事前にキャッシュに保存されます。このキャッシュ戦略により、ユーザーがこれらのページのいずれかに転送されたときに、ブラウザはキャッシュから静的リソース ファイルを直接取得するため、重要なページの読み込み速度が向上します。
  • ネットワークのみ: この戦略では、ネットワークのみからレスポンスが返されます。JD.ID では、ショッピング カートと決済ページで非常に高いデータ精度が必要なため、この戦略を使用しています。

また、Workbox では、JD.ID でルーティング ルール、リクエスト タイムアウトのデフォルト期間、キャッシュに保存できるレスポンス数、レスポンスをキャッシュに保存する期間を構成できます。

オフラインの代替ページ

JD.ID チームは、ユーザーに一貫したエクスペリエンスを提供し、ウェブサイトのブランディングを強化するために、オフラインの代替ページを作成しました。また、ウェブアプリ マニフェストも追加され、ユーザーがモバイル デバイスにウェブアプリを簡単にインストールできるようになりました。

オフラインの代替ページのスクリーンショット

プッシュ通知

さらに、JD.ID はさらなる再アプローチのため、Firebase Cloud Messaging for Web を使用してプッシュ通知を実装し、特に商品セール プロモーション イベント中に適用しました。

プッシュ通知の有効化のスクリーンショット

全体的なビジネスの成果

  • 全体的なモバイル コンバージョン率（mCVR）が 53% 向上
  • JD.ID PWA をインストールしたユーザーの mCVR が 200% 向上
  • プッシュ通知からのリエンゲージメントが増加したことで、モバイル プラットフォームの 1 日のアクティブ ユーザーが 26% 増加
影響の統計情報。

当社のビジネスは急速に成長しており、Google はユーザー エクスペリエンスの向上に一層注力しています。Google は、インドネシアのすべてのユーザーとお客様にサービスとさまざまなプロダクトを提供することに常に取り組んでおり、最も人気があり、信頼される e コマース企業になることを目指しています。ウェブ パフォーマンスと PWA は、UX および全体的な戦略において重要な要素であり、Google は引き続きこれらの分野に投資していきます。

JD.ID、ウェブ エンジニアリング マネージャー Fengxian Liu 氏

インドと東南アジアのその他の成功事例については、ウェブでのスケーリングに関する事例紹介ページをご覧ください。