Mynet の事例: AMP ベースの PWA により、モバイルウェブ エクスペリエンスを 4 倍高速化し、収益を 25% 増加

MyNet の詳細

Mynet は毎月 3,400 万人を超える訪問者をサイトにアクセスし、ニュース、動画、ゲーム、金融、情報、エンターテイメントのコンテンツやサービスを提供しています。コンテンツに Accelerated Mobile Pages(AMP)を使用するプログレッシブ ウェブアプリ(PWA)をリリースしたところ、平均読み込み時間が 4 分の 1 になりました。さらに、ユーザー エンゲージメントも著しく改善し、モバイルサイトの平均滞在時間も 43% 増加しました。

  • 記事ページビューあたりの収益が 25% 増加
  • 平均ページ読み込み速度が 4 倍高速
  • 43% サイトの平均滞在時間が増加
  • セッションあたりのページビュー数が 34% 増加
  • 直帰率が 24% 低下

課題

モバイル トラフィックの 85% 以上がモバイルウェブから発生している同社のモバイルサイトは、同社の戦略に不可欠な要素となっています。その一方で、ユーザーがモバイルサイトに費やす時間は、ネイティブ アプリのユーザーの 2 分の 1 に減少していることに気づきました。Mynet がモバイルサイトでのユーザーの行動を分析したところ、モバイルウェブ エクスペリエンスが遅すぎることがわかりました。Mynet はネイティブ アプリと同様の高速で魅力的なモバイルサイトを作成する必要がありました。

解決策

トラフィックとリエンゲージメントを同時に促進するために、Mynet は AMP を使用して高速でアプリと同様のエクスペリエンスをモバイルウェブに提供する PWA をリリースしました。この設定により、記事ページの読み込み速度は従来のモバイルサイトの 4 倍になりました。これにより、直帰率が 24% 低下しました。また、サイトでのユーザーの滞在時間が 43% 増加し、速度とエンゲージメントには相関関係があることがわかりました。また、セッションあたりのページビュー数も 34% 増加しました。これは、いくつかの段階を経て実現しました。

AMP ですぐに動作

Mynet はまず、スタンドアロンの AMP ページとして提供した記事のサポートを構築しました。これにより、Google 検索結果の AMP カルーセルに結果を表示できます。また、モバイルウェブでコンテンツをブラウジングするユーザーに対して、優れたページ読み込みパフォーマンスを提供できます。このパフォーマンスは、制限のあるネットワークや不安定なネットワークにおいて重要です。CMS システムでは、スタンドアロンの AMP ページのリリースは大きな課題ではなく、わずか 2 週間ですべての記事コンテンツを AMP でリリースしました。

Mynet は広告をできるだけ迅速かつ効率的に配信するために、AMP 広告をリリースしました。これらの広告は標準広告の最大 2 倍の速度で読み込まれ、クリック率(CTR)と収益が最大 30% 向上します。

PWA による処理の迅速化と再エンゲージメント

次に、モバイルサイトを改善したいと考え、PWA テクノロジーを使用してモバイルサイトのベータ版を別途構築しました。同社が期待したのは、基盤となるサイトを最小限の更新で更新するのではなく、よりアプリに近い、没入感のあるユーザー エクスペリエンス(UX)を実現することです。特に、不安定なネットワークでの信頼性の高いパフォーマンスを実現するために Service Worker を活用し、ユーザーに「ホーム画面に追加」とプッシュ通知を表示して再アプローチを促すようにしました。その結果、Lighthouse のパフォーマンス スコアは 95/100 で最高水準の PWA が作成されました。 (Lighthouse は、ウェブ上の任意のページに対して実行できるウェブページの品質を向上させる自動化ツールです)。

AMP と PWA の連携効果

AMP と PWA をスタンドアロン バージョンとしてテストし、パフォーマンスを最適化した後、Mynet はモバイルサイト用の統合ソリューション構築の最終段階に進む準備が整いました。AMP コンテンツ ページを PWA 内に組み込むことで、新しいモバイルサイトの速度とユーザビリティを両立させました。AMP/PWA サイトを統合したサイトを開設すると、Mynet はウェブ制作バージョンの数をモバイル版とパソコン版で半分に減らし、コードの保守と改善に必要な実装の数を減らしました。

AMP と PWA を組み合わせたソリューションを使用する理由AMP はモバイルウェブでの最初のページの読み込み時に優れたパフォーマンスを発揮し、PWA はリピート アクセスを高速で信頼性の高いものにします。また、PWA は「ホーム画面に追加」プロンプトとプッシュ通知のおかげで、サイトでユーザーのリエンゲージメントを高めることができました。これらを組み合わせることで、ネットワークの状態に関係なく、Mynet は初回アクセス時または再訪問時に高品質のエクスペリエンスを提供できます。

Mynet のモバイルサイトの訪問者の約 30% が iOS デバイスを使用しています。 Mynet では、iOS では Service Worker がサポートされていないため、「ホーム画面に追加」、プッシュ通知、オフライン キャッシュが利用できなくなったにもかかわらず、セッションあたりの平均ページビュー数が 15% 増加し、iOS の直帰率が 23% 減少しました。AMP ベースの PWA による速度とユーザー インターフェース(UI)の改善により、エンゲージメントが向上しました。

AMP を PWA で使用すると、記事ページビューあたりの広告収益が 25% 増加するという結果が出ています。

スピードを再考し、AMP を統合してプログレッシブ ウェブアプリを構築することにしました。AMP はページの放棄を減らすために重要なものでしたが、今では AMP ページの読み込み速度が 4 倍になりました。PWA を構築することで、アプリと同等の機能を実現することができました。今ではユーザーがサイトに費やす時間が 43% 増加し、ユーザーのリエンゲージメントの頻度も向上しています。

M. Mynet、ビジネス開発およびプロダクト グループ マネージャー Fuat Seker 氏

その他の成果

  • AMP 広告により読み込み時間が 2 倍に
  • AMP 広告で CTR と収益が 30% 向上
  • iOS でのセッションあたりの平均ページビュー数が 15% 増加
  • iOS の直帰率が 23% 低下