2022年のより良いeコマースインサイトのためのすべてのPWA統計

公開: 2022-02-14

目次

プログレッシブウェブアプリケーション（PWA）は、eコマースストアの所有者に多くのメリットを提供します。 驚異的な読み込み速度からネイティブアプリのようなUI/UXまで、PWAはモバイルショッピング体験を大幅に活用できます。 PWAは初めてで、ビジネスの成長にどのように役立つかについて詳しく知りたいですか？ PWAのパフォーマンスとサクセスストーリーの統計をここでご覧ください。

速度向上統計

PWAは、強化されたWebテクノロジーを利用して、ユーザーのデバイスのキャッシュにWebデータを保存できるようにします。 その結果、サーバーの応答時間が短縮され、読み込み速度が大幅に向上します。

  • 平均して、PWAを使用するサイトは、以前のモバイルサイトと比較して速度パフォーマンスを63％向上させることができます。 [1]
  • PWAを使用すると、ページの読み込みが2〜4倍速くなります[2]
  • PWAサイトは平均2.75秒で読み込まれます[3]

これまでのところ、PWAの速度パフォーマンスに関するいくつかの印象的なデータは次のとおりです。

  • George.comは、PWAのベストプラクティスに従うことで、速度が3.8倍（280％）向上しました。 [4]
  • Housing.comは、読み込み時間を6秒から1.5秒（300％）に短縮することに成功しました。 [5]

モバイル画面のWebデザインは、デスクトップ画面と比較して多くの困難に直面しています。 使用するスペースが少なくなります。 さらに、複雑なUX効果があると、サイトが重くなり、すべての顧客を苛立たせます。

驚異的なパフォーマンスを備えたPWAにより、店舗の所有者はモバイルショップ向けに一流のカスタマーエクスペリエンスを自由に設計できます。

ケーススタディ1：ブルーの肉屋

ブッチャーオブブルーは、持続可能性のトレンドを取り入れたオランダのモダンな衣料品ブランドです。 このブランドは、顧客の期待に応えるだけでなく、それを超えることを目指していました。 そして、PWAがその答えです。 プログレッシブウェブアプリにより、サイトを85％劇的に高速化できました[6] 。

青いPWAの肉屋
青いPWAバーコードの肉屋
PWAによって強化されたスムーズなUX

また、彼らのモバイルサイトには、下部のナビゲーションタブやバーコードスキャナーなど、ネイティブアプリのような機能がいくつかあります。 PWAは、サイトのモバイルパフォーマンスに影響を与えることなく、これらの機能をスムーズに実行するのに役立ちます。

PWA＆AMP

AMP（Accelerated Mobile Pages）は、サイトのページ速度の向上を支援するGoogleによるもう1つのウェブアプリイニシアチブです。

PWAにAMPを追加すると、読み込みがさらに速くなります。

  • BMWのPWA-AMP展開により、ページが300％高速化されました[7]。
  • 旅行サイトのWegoは、パフォーマンスを12秒から1秒未満に改善することに成功しました。 [8]

アプリのサイズとデータ消費の統計

買い物客がモバイルアプリをインストールしない一般的な理由は、限られた電話ストレージと長いアプリのダウンロード時間です。 結局のところ、彼らがまだあなたの忠実なファンでないなら、彼らはあなたのアプリのためにいくらかの電話スペースを惜しまない必要性を感じません。

PWAを使用すると、購入者は製品を閲覧してトランザクションを完了するために何もダウンロードする必要がありません。

また、Webアプリは通常、ネイティブアプリよりも軽量です。 したがって、彼らが自分の電話にPWAサイトをインストールするとき、それは多くのスペースを占有しません。 これは、ストレージが限られている昔ながらの電話を使用するユーザーにとって重要です。

さらに、PWAはモバイルデータの消費量が少ないため、PWAを使用してインターネットにアクセスする人にとって経済的です。 旅行者、ビジネスマン、電車の乗客など、移動中の人のことを考えてみてください。

  • PetloveのPWAは、ネイティブアプリの8分の1です。 [9]
  • BookmyshowのPWAは、Androidアプリの54倍、iOSアプリの180倍軽量です。 [10]
  • アフリカの有名なマーケットプレイスであるJumiaのウェブアプリは、最初のトランザクションで使用するスペースが25分の1になり、ユーザーはネイティブアプリよりも80％少ないデータを使用します。 [11]
  • Flipkartのモバイルサイトは、Androidアプリの100分の1、IOSの300分の1です。 彼らの頻繁な顧客もサイトをロードするのにたった10kbしか必要としません。 [12]

さらに、Service Workerと呼ばれるスクリプトにより、PWAサイトをオフラインモードで実行できます。 したがって、貧弱なインターネットネットワークの下に住む顧客をターゲットにすることは素晴らしいオプションです。

ケーススタディ2：Blibli

Blibli PWA

ブリブリはインドネシアの大きな市場です。 Webユーザーの70％がモバイルから来ていることを知った後、彼らは行動を起こすことにしました。

事前に検討する必要のあるいくつかの事実は次のとおりです。

  • 彼らの顧客の多くは、モバイルデバイスがローエンドまたはミッドエンドのカテゴリに分類されるローおよびミドルクラスの人々です。
  • インドネシアの多くの地域では、ネットワーク接続が不十分な場合があります。
  • 彼らは膨大なSKUコレクションを持っています。

このような状況では、PWAはスムーズなmコマースエクスペリエンスを提供するための最も簡単な方法です。

彼らのPWAは1MB未満で、Androidアプリの24倍軽量です。 その結果、ページの読み込み時間は3倍速くなります。 その結果、バウンス率が42％低下し、コンバージョン率が8倍に上昇しました[13]。

サイトのトラフィック統計

  • PWAモバイルサイトは、毎月のオーガニックトラフィックを14％から630％に増やすことができます[1]

現在、ほとんどの消費者は電話を使用してオンラインで買い物をしているため、店舗の所有者はSEO戦略とモバイルUI / UXデザインをブラッシュアップして、検索エンジンのランキングを上げることができます。

PWAは、その速度、優れたユーザーエクスペリエンス、最適化されたURLで高く評価されています。 したがって、Webアプリは、SEOを改善し、より多くの潜在的な購入者を引き付けるのに役立ちます。

ケーススタディ3：Garten-und-frezeit

Garten n freizeit PWA

Garten-und-frezeitは、ドイツの家具および園芸用品の高級販売店です。 彼らは実店舗の広範なリストを持っており、年間総売上高は6000万ユーロを超えています。

大規模なビジネスの場合、管理するSKUは30,000になります。 また、個人ごとにカスタマイズされた一貫したカスタマーサービスを提供します。

同社は、成長を促進しながらこれらの複雑なニーズに対応するために、技術スタックをアップグレードするという課題に直面していました。

PWAストアフロントでヘッドレスモデルを使用すると、必要な正確なパワーと柔軟性が得られました。

その結果、同社はオーガニックデータに大きな変化を見出しました。

  • + 350％のアクティブな月間ユーザー
  • +オーガニック検索からの月間トラフィックの630％ [14]

エンゲージメント率

  • PWAをインストールした後、ユーザーがサイトで費やす平均時間は119％増加し、ページの読み取りに費やされる平均時間は68.8％増加します。 [1]
  • サイトがPWAに変わった後、平均してバウンス率は37.6％低下します[1]。
  • セッションごとに表示されるページ数は133.67％増加します[3]
  • モバイルトラフィックは68％増加します[3]

Webプッシュ通知と「ホーム画面に追加」プロンプトは、顧客が戻ってくるようにするための2つの便利なPWAの武器です。

  • プッシュ通知のおかげで、世界的な電子小売業者であるXtraは、クリック率が12％増加し、再対話が4倍に増加しました。これにより、必然的にWebプッシュを介したユーザーの売上が100％増加しました。 [15]

ケーススタディ4：アリババ

アリババPWA

中国のeコマース帝国であるAlibabaは、すでに成功したモバイルアプリとeコマースWebサイトを持っていました。 彼らは当初、初めての訪問者をターゲットにしてネイティブアプリユーザーに変えるためにPWAを採用しました。 しかし、彼らはすぐに、多くのユーザーがPWAを閲覧する迅速で簡単なエクスペリエンスを好むことに気付きました。

Androidユーザーの場合、ブランドは「ホーム画面に追加」トリガーを使用して初めてのユーザーを再エンゲージしました。これにより、頻繁な訪問者からのエンゲージメント率が300％増加しました。 [16]

ケーススタディ5：楽天24

楽天24は、日本の大手eコマースセラーである楽天の小さな支店です。

モバイルショッパーのための効果的なソリューションを必要として、彼らはPWAに目を向けました。 Webアプリは、ネイティブアプリよりもはるかに安価でありながら、迅速にデプロイできるため、これは驚くべき決定ではありません。

注目すべきPWA機能の1つはインストール可能性でした。これにより、ユーザーはネイティブアプリと同じようにホーム画面からWebアプリに簡単にアクセスできます。 ブランドは、モバイルデバイスにPWAをインストールするためのフレンドリーなユーザーガイドを注意深く設計しました。

PWAをホーム画面に追加する
（写真/ Web.dev）

これはビジネスに大きな成功をもたらしました。これは、保持率が450％急上昇し、ユーザーあたりの訪問頻度が310％増加したことで証明されています。 [17]

コンバージョンと収益

スピード、トラフィック、エンゲージメント率、..すべてが売り上げに帰着し、コンバージョンと収益の観点から、PWAは多くの良いニュースをもたらすようです。

  • PWAの実装により、コンバージョン率が93.3％増加する可能性があります。最も成功したケースでは、通常のサイトと比較して8倍優れたコンバージョン率が達成されます。 [1]
  • Mobifyの顧客は、通常、PWAの展開後に収益が20％増加することを認識しています。 [2]
  • Wonectは、オーガニックトラフィックからの収益が79％増加し、オーガニックトラフィックからのコンバージョン率が86％向上しました。 [18]

ケーススタディ6：TALLY WEiJL

タリーWeiJPWA

1984年にスイスの小さなガレージから始まったTALLYWEiJLは、現在ヨーロッパ中に50を超える店舗を展開しています。

事業を展開している14か国に14のMagentoストアがあります。ヘッドレステクノロジーを利用して、ファッションブランドは14のフロントエンドすべてをバックエンドから切り離すことに決めました。 次に、フロントエンドがPWAとともにインストールされ、1つのバックエンドシステムと統合されました。

なぜ彼らはそれをしたのですか？

PWAは、すべての顧客が愛する優れたパフォーマンスを保証しました。 また、ヘッドレス構造により、TALLY WEiJLのマーケティングチームは、1つのバックエンドと連携するだけで、さまざまなプロモーションコンテンツを多くのフロントエンドに配信できました。

趣味や興味が一瞬変わるZ世代をターゲットにしたブランド。 したがって、パフォーマンスを活用し、運用コストを削減し、コンテンツをより適切かつ高速にするための時間を節約することで、これらの調整により、この顧客グループの速度に追いつくことができました。

その結果、同社は次のことを確認しました。

  • モバイル収益が+131％増加[19]
  • コンバージョン率が+140％増加[19]
  • モバイルコンバージョン率が+131％増加。 [19]

ケーススタディ7：Truebill

Truebillの事例は、顧客の洞察を理解することの重要性と、PWAを使用してコストを削減し、収益を増やす方法を強調しています。

インドの中古車のマルチベンダーマーケットプレイスであるTruebillは、国のインターネット接続が不安定なため、「モバイルサイトは2Gネットワ​​ークでもうまく機能する必要がある」ことをすぐに知りました。 彼らは、すべての競合他社を凌駕する信頼性の高いモバイルブラウジング体験を提供することを目指しました。

したがって、同社はPWAの完全なオフライン体験を取り入れながら、PWAの速度最適化に多大な努力を払っています。 その結果、ページの読み込み時間が44％減少し、ユーザーセッションが26％増加します。 [20]

しかし、それだけではありません。

顧客の大多数が有料広告から来ていたので、車はこのソースからの収入を最大化するために「家に追加」機能をインストールしました。

スパムを回避するために、Truebillはスマートなパーソナライズ戦略を使用して、適切なタイミングでアプリのインストールバナーを宣伝しました。 彼らは、トラフィックの多いページにのみバナーを表示することを選択しました。 プロンプトは、ユーザーがタスクを完了したとき、または中断を最小限に抑えるための特別なアクションを実行していないときにのみ表示されました。

パーソナライズされたホーム画面への追加プロンプトpwa
コンテキストプロンプトもパーソナライズされました。

その結果、ブランドは次のように記録しました。

  • +コンバージョンの61％増加[20]
  • +収益からマーケティングへの支出が89％増加。 [20]

PWAの開発は、ネイティブアプリを作成するよりも一般的に安価で摩擦が少ないため、適切なPWA戦略を使用すると、店舗の所有者はマーケティングにかかる​​費用を大幅に節約できます。

まとめ

これらのPWA統計が、その利点についてのより良いアイデアを提供することを願っています。 また、選択したケーススタディを使用して、PWAを正常に使用する方法に関する優れた洞察を学ぶことができます。

SimiCartは、PWAとヘッドレスコマースで10年以上の専門知識を持つ大手テクノロジー企業です。 PWAをストアと統合して成長させる方法をまだ検討している場合は、遠慮なくお問い合わせください。

eコマースPWAを開発する

PWA統計–参考資料

[1] GoogleやVueStorefrontsなどの評判の良い企業から、インターネット上にPWAの成功事例が数多くあります。 Webアプリは、ビジネスごとに異なる方法で支援できるため、データが異なります。 したがって、eコマースストアのすべての信頼できるケーススタディを手動で収集し、平均パーセンテージを計算して、PWAのパフォーマンスの概要を把握しました。

[2]ThinkwithGoogle。 「なぜ待つのですか？ プログレッシブウェブアプリは、今すぐモバイル収益を促進することができます。」 2018年。

[3]Appinstute。 「プログレッシブウェブアプリのインフォグラフィック」、2017年

[4]Google開発者。 「George.comは新しいプログレッシブウェブアプリでモバイルカスタマーエクスペリエンスを強化します」、2018年

[5]Tech.Treeboo。 「TreeboのPWA–これまでの道のりと影響」、2018年

[6]Vueストアフロント。 「ButcherofBlue：柔軟性と独自のUX機能の提供」、2020年

[7]ThinkwithGoogle。 「BMWの高速でスムーズで信頼性の高いモバイルウェブサイトへの旅」、2018年

[8]Google開発者。 「Wego」、2017年

[9]GoogleChromeデベロッパー。 「ウェブ体験の新しいバー」、2017年

[10]Google開発者。 「BookMyShowの新しいプログレッシブウェブアプリは、コンバージョンを80％増加させます」、2017年

[11]Google開発者。 「Jumiaではコンバージョン率が33％増加し、PWAのユーザー数が12倍になりました」、2017年

[12]エコノミックタイムズ。 「フリップカートの場合、このアプリは地方での新規顧客獲得の半分を促進しています」、2017年

[13]Web.Dev。 「BlibliのPWAは、以前のモバイルWebサイトの10倍のユーザーあたりの収益を生み出します」、2021年

[14]Vueストアフロント。 「オーガニックトラフィックを増やす方法としてのGarten-und-Freizeit」PWA」、2021年

[15]Google開発者。 「eXtraElectronics」、2016年

[16]Google開発者。 「アリババ」、2016年

[17]Web.Dev。 「楽天24のPWAへの投資により、ユーザー維持率が450％向上」、2020年

[18]Vueストアフロント。 「Wonectケーススタディ：グローバルリーチ市場でのPWAの立ち上げ」、2020年

[19]Vueストアフロント。 「Z世代の絶え間なく変化する期待に応えるためのTALLYWEiJLの道」、2021年

[20]Web.dev。 「Truebillがどのようにしてウェブを成長のチャネルにしたか」、2019年