また、新しい PWA の平均読み込み時間は以前のサイトより 30% 短縮され、直帰率は 12%、セッション深度は 18% 改善されています。
Orange Polska S.A.（国際的な Orange グループの一員）は、音声、データ、インターネット アクセス、テレビなどのモバイルと固定通信サービスを含む、ポーランドの通信サービスの大手プロバイダです。また、IT と統合サービス、専用線、その他の通信付加価値サービスと機器も提供しています。
課題
ウェブサイトの読み込みに時間がかかり、不安がイライラに変わってしまうことは誰もが経験したことがあるでしょう。 実店舗を持たない、または実店舗がほとんどないデジタル企業にとって、この影響は明らかです。特にモバイルアプリの場合、Google の内部調査では、アプリのアンインストールの最も重要な理由は速度であることが明確に示されています。しかし、Google のような確立されたセクターで、流通チャネルに強力な実店舗戦略を採用している場合、デジタルが唯一の販売チャネルではないため、デジタルのスピードの影響はそれほど明白ではありません。そのため、スピードに投資するよう経営陣を説得するのはさらに難しくなります。
経営陣に提案する際には、Google アナリティクスの過去のパフォーマンス データを使用して、読み込み時間とコンバージョン率の相関関係を明確に示し、説得力を高めました。ページの読み込み時間が 1 秒長くなると、収益と売上が 15 ～ 20% 減少するという厳しい事実を示すことができました。
アプローチ
プログレッシブ ウェブアプリ（PWA）を構築することにしました。お客様の 75% 以上がモバイル デバイスからウェブサイトを利用しているため、特にモバイル トラフィックに焦点を当てました。チームは、主要なパフォーマンス指標の改善と、より魅力的で魅力的なエクスペリエンスの提供に同等の重点を置きました。
新しいクロスファンクショナル スクラムチーム（IT、ビジネス、UX の専門家を含む）を立ち上げ、次の質問に答える概念実証を提供する目的で、
- 重要なレガシーの制限を尊重しながら、読み込み時間を効果的に短縮することはできますか？
- コンバージョンと収益に実際にどのような影響があるか
Next.js を選択したのは、自動サーバーサイド レンダリング（SEO にとって特に重要）、データ プリフェッチ、コード分割など、デフォルトで有効になっているか、簡単に設定できる多くの最適化機能があるためです。もう一つの重要な考慮事項は、Next.js を使用すると、レガシー アプリケーションに問題を発生させることなく、ページを 1 つずつ移行できることでした。それでも、まだレガシー システムに依存している複雑な環境で変革を管理しなければならず、サービスが利用できなくなりました。この問題を解決するため、Workbox を統合し、バックエンドが停止した場合でもウェブサイトが常に利用できるようにしました。また、Workbox にはプリキャッシュ、リクエスト ルーティング、ランタイム キャッシュ用の組み込みソリューションが用意されているため、パフォーマンスが大幅に向上しました。
結果
新しい PWA の平均読み込み時間は以前のサイトよりも 30% 短縮され、モバイル デバイスでのコンバージョンは 52% 増加、離脱率は 12% 改善、セッションの深さは 18% 改善されました。この経験から、すべての顧客向けソリューション（顧客セルフケアや営業担当者のフロントエンドを含む）を PWA テクノロジーへと変革するという戦略的な方向性が確立されました。