CBC／Radio-Canada

背景

CBC／Radio-Canada は国営の公共放送局であり、カナダでは最大規模の文化機関です。ラジオおよびテレビ放送においてカナダで最も長い歴史を持つ同局は、すべての主要チャンネル、ラジオ、テレビ、デジタルプラットフォームを通じて同国のコンテンツを配信できるよう取り組んでいます。

問題／課題

CBC／Radio-Canada は 2020 年までに加入者数を 1,800 万人に増やす目標を掲げました。野心的な目標でしたが、Web サイトの最適化、コンテンツのパーソナライズ化、そしてモバイル展開に戦略的に注力することで達成可能であると同社は考えました。この企業目標が定められる以前は、CBC.ca の Web サイトは簡便性を重視して設計されたコンテンツ管理システム（CMS）により運用されていました。それはとても単純なもので、画像に対してフォーマットを 1 つ作成し、Web ページは 1 つのレイアウトで提供され、そしてすべてが 700 KB 以下に抑えられていました。開発者にとっては簡単で良いのですが、レスポンシブデザインが欠如していたので、改善の余地がありました。目標を達成するため CBC.ca チームは速度と品質のバランスを取りながらアプローチしていく必要がありました。そしてそれは Web サイトの設計全体を見直すということにつながります。

計画：異なる画面サイズに対応するレスポンシブデザインを動的 API によって実現し、CBC.ca の Web サイトの魅力を高める。レスポンシブデザインにより新しいページが動的に表示されるようになった一方で、WebOps チームは「first meaningful paint（ページの主要なコンテンツが表示されるまでの時間）」が悪化していることに気が付きました。それは、ページを表示するごとに、最適な画像サイズをクライアント側で特定するための計算に時間がかかっていることが原因でした。さらにページのサイズも 700 KB 程度から 6～8 MB に増加し、問題はさらに悪化します。CBC／Radio-Canada の Manager of WebOps & Infrastructure である Massimo Mollica 氏は、画像サイズが大きくなる問題を解決するとともに、企業目標を確実に達成するために立ち上がりました。

ソリューション

CBC／Radio-Canada は訪問者にコンテンツを利用してもらうことを重視しています。メディアブロードキャスト業界では、プロバイダーは人々の関心を捉えるだけでなく、それを維持していくことが大事であるという共通認識があります。顧客の関心を引き、魅了するための 1 つの方法は、豊富なオンライン画像を用意することですが、高画質の画像を使用すればページサイズが増加し、サイトの待ち時間が長くなる可能性があります。さまざまな製品を試した結果、Image & Video Manager のパフォーマンスが競合を大きく上回っていることは明白でした。リアルタイム圧縮が常にバックグラウンドで行われることで、パフォーマンスは最も近い競合他社に対し一貫して 15% 優れていました。

Image & Video Manager を組み込むと、効果はすぐに現れました。自動化された画像圧縮により、サイズは 80～90% 削減され、動的 Web ページのサイズも 6～8 MB から 1 MB 未満に削減されました。さらにメディアでは 50～80% が許容範囲とされる直帰率についても、4 秒以下のページ読み込みの実現により、50% 未満にまで削減されました。CBC.ca チームはこの結果により、Image & Video Manager が同社のモバイル戦略およびパーソナライズ化戦略において同様に重要な役割を果たすことを確信しました。

サマリー

2020 年までにカナダで 1,800 万人の加入者を達成するという CBC／Radio-Canada の目標は、2 年前倒しで達成することができました。

レスポンシブデザインと新しい（機械学習による）セッションベースのリコメンデーションシステム、リッチなマルチメディアインタラクション、モバイルファースト戦略、これらを Image & Video Manager による最適化と組み合わせることで、マイルストーンの達成が実現しました。ユーザー中心の考え方と適切なテクノロジーの組み合わせが、CBC.ca のオンライン体験を次のレベルへと引き上げました。