Play Sports Network は Imgix を使用して毎月1億5,700万件の画像リクエストを処理し、ウェブパフォーマンスを向上させ、時間を節約しています。
お客様について
Play Sports Networkは、サイクリングファンとライダーの世界有数のコミュニティで、400万人以上のチャンネル登録者、800万人のソーシャルメディアフォロワー、月間視聴回数が4,500万回を超えています。ニュースサイト、eコマースストア、モバイルアプリなど、複数のチャネルでオリジナルコンテンツを公開しています。Play Sports Networkは、トップレベルで戦ってきた元プロサイクリストたちと協力し、本物の信頼できるコンテンツを制作しています。
Play Sports Networkはマルチチャネル戦略により、フォロワーがどこで、どのようにコンテンツを見る場合でも届けることができます。訪問の20%はパソコンから、80%はスマートフォンからです。画像コンテンツは16万枚のオリジン画像のライブラリから配信され、毎月20 TBのCDN帯域を使用して、1億5,700万件のリクエストと90万件の画像レンダリングを処理しています。
Play Sports Networkは、ImgixのグローバルCDNとRendering APIにより、レスポンシブデザインを大規模に実現し、eコマースのパフォーマンスを向上させ、デザインにかかる時間を大幅に削減することができました。
課題
Play Sports Networkは、要件がそれぞれ異なる複数チャネルの画像要件に対応する必要がありました。Webサイトでは、バックエンドの処理ソリューションで画像を最適化していましたが、これには多くの時間がかかっていました。さらに、社内で制作するコンテンツに加えて、大量のユーザー生成コンテンツ（UGC）がモバイルアプリから投稿されます。UGCはサイズも形式もさまざまで、既存のバックエンド処理ソリューションで標準化するのは困難でした。
また、Play Sports Networkはチャネルごとに異なる技術スタックを採用しているため、導入する画像最適化ソリューションはカスタマイズしやすく、統合も容易である必要がありました。加えて、世界中にユーザーを抱えるPlay Sports Networkには、高速で信頼性の高いCDNを含むソリューションが求められていました。
解決策
Play Sports Networkは、まずWebサイトにImgixを導入し、その後モバイルアプリにも展開しました。チームは静的WebサイトにReact、Gatsby、Contentfulを、iOSアプリにSwiftを、AndroidアプリにKotlinを使用しています。さらに、eコマースにはMagentoを、画像ストレージにはGCPを使用しています。
Imgix Rendering APIは、これらすべての環境に簡単に統合できました。Imgixの設定から画像の配信開始までは、数回クリックするだけで完了しました。セットアップが簡単だったため、eコマース、開発、コンテンツの各チームが画像最適化を活用できるようになりました。これにより、最適化されていない画像が引き起こすページ速度の低下、Webサイトのパフォーマンス悪化、モバイル訪問者のデータ使用量の増加を回避できました。
ユーザーがモバイルアプリでユーザー生成画像をアップロードすると、画像はGCPバケットに保存され、Imgixがその場で処理して、ほぼ瞬時に配信します。
Play Sports Networkは、srcsetの自動生成に加え、幅広いRenderingパラメータを活用しています。主なパラメータは以下のとおりです。
結果
Imgixの導入により、Play Sports Networkは、静的なバックエンド画像処理に伴うストレージとメンテナンスの負担を大幅に軽減しました。現在では、月間1億5,000万件を超える画像リクエストを容易に処理できています。
画像を適切に最適化したことで、パフォーマンスとコンバージョン率も向上しました。さらに、エンジニアリングとデザインにかかる時間を大幅に削減できたことで、Play Sports Networkは世界で最も急成長しているサイクリングネットワークの1つとして、さらなる前進を続けています。
