世界最大のサイクリング・メディア企業でありコミュニティでもあるPlay Sports Networkは、複数のチャンネルでオリジナルのサイクリングコンテンツを毎日公開しています。Play Sports Network は imgixのグローバル CDN とレンダリングAPIを使用することで、レスポンシブデザインを大規模に実現し、Eコマースのパフォーマンスを向上させ、デザイン時間を大幅に節約することができました。

1.57億

月間画像リクエスト数

90万

月間画像レンダリング数

16万

オリジナル画像の処理数

お客様について

Play Sports Networkは、サイクリングファンとライダーが集う世界有数のコミュニティで、400万人以上の登録者、800万人のソーシャルメディアフォロワー、4500万回を超える月間視聴回数を誇ります。ニュースサイト、Eコマースストア、モバイルアプリなど、複数のチャネルでオリジナルコンテンツを発信しています。最高レベルで競い合ってきた元プロサイクリストたちと提携して、信憑性のあるオーセンティックなコンテンツを作成しています。

同社のマルチチャネルアプローチにより、フォロワーがコンテンツを消費する場所や方法を問わずコンテンツを配信できます。アクセスするデバイスはユーザーの20%がPCから、そして80%はスマートフォンからとなっています。画像コンテンツは毎月20TBのCDN帯域幅を使用し、16万件あるオリジナル画像のライブラリから、1億5700万のリクエストと90万の画像レンダリングを処理しています。

‍

導入前の課題

Play Sports Networkは、複数のチャンネルのさまざまに異なる画像に関するニーズを考慮する必要がありました。ウェブサイトでは、バックエンド処理ソリューションを使用して画像を最適化していましたが、これにはかなりの時間がかかっていました。社内で制作されたコンテンツに加えて、大量のユーザー生成コンテンツ (UGC) もモバイルアプリを通じて投稿されています。UGCにはさまざまなサイズや形式があり、バックエンド処理ソリューションで標準化することは困難です。

「ユーザーのデバイスと画面密度を合わせることが理想ですが、やりすぎにも注意が必要です。特にモバイルユーザーの場合はなおさらで、モバイルデータの消費量が増えたり、画像の読み込みに10秒もかかったりするのは良くありません。最高の画質を提供することと、速度と帯域幅の面でユーザー体験を最適化すること、このバランスをうまく取ることが大切です」

— エンジニアリング部門責任者、David Taylor氏

Play Sports Networkはまた、チャンネルごとに異なる技術スタックを用意しているため、使用する画像最適化ソリューションはすべてカスタマイズ可能で統合しやすいものでなければなりません。さらに同社はグローバルに事業を展開しているため、ソリューションが高速で信頼性の高いCDNを提供できることも必須条件でした。

‍

play sports network e-commerce product images

ソリューション

Play Sports Networkは、まずはimgixを自社のウェブサイトに実装してから、その次にモバイルアプリケーションにも導入することにしました。静的ウェブサイトには React、Gatsby、Contentfulを、iOSアプリにはSwift、AndroidアプリにはKotlinを使用しています。そしてEコマースサイトには Magnetoが、画像ストレージにはGCPが導入されています。

imgixのレンダリング APIは、これらの各環境と簡単に統合できました。数回クリックするだけで、imgixの設定は完了し、画像の配信を始められたのです。セットアップは簡単で、Eコマース、開発、コンテンツの各チームが画像最適化できるようになりました。これにより、最適化されていない画像が原因で、モバイルユーザーのページ表示速度が遅くなったり、ウェブサイトのパフォーマンスが低下したり、データ使用量が多くなったりすることを回避できました。

ユーザーがモバイルアプリから作成した画像をアップロードすると、その画像はGCPバケットに送られ、imgixによってその場で処理され、ほぼ瞬時に配信されます。

‍