Play Sports Network は Imgix を使用して毎月1億5,700万件の画像リクエストを処理し、ウェブパフォーマンスを向上させ、時間を節約しています。
顧客
スポーツネットワークをプレイ は、サイクリングファンとライダーの世界有数のコミュニティで、400万人以上のチャンネル登録者、800万人のソーシャルメディアフォロワー、月間視聴回数が4,500万回を超えています。ニュースサイト、E コマースストア、モバイルアプリなど、複数のチャネルでオリジナルコンテンツを公開しています。Play Sports Networkは、最高レベルで競い合ってきた元プロサイクリストたちと協力して、本物の信頼できるコンテンツを作成しています。
Play Sports Networkのマルチチャネルアプローチにより、フォロワーがコンテンツを消費する場所や方法を問わずコンテンツを配信できます。訪問者の 20% がコンピューターからのものであるのに対し、80% はスマートフォンからの訪問です。彼らの画像コンテンツは毎月20 TBのCDN帯域幅を使用し、16万枚のOrigin画像のライブラリから、1億5,700万件のリクエストと90万件の画像レンダリングを処理しています。
Play Sports Networkは、ImgixのグローバルCDNとレンダリングAPIにより、レスポンシブデザインを大規模に実現し、eコマースのパフォーマンスを向上させ、設計時間を大幅に節約することができました。
ザ・チャレンジ
Play Sports Network は、さまざまな要件を持つ複数のチャンネルのイメージニーズを考慮する必要がありました。ウェブサイトでは、バックエンド処理ソリューションを使用して画像を最適化していましたが、これにはかなりの時間がかかりました。社内で制作されたコンテンツに加えて、大量のユーザー生成コンテンツ (UGC) がモバイルアプリを通じて投稿されています。UGC にはさまざまなサイズや形式があり、バックエンド処理ソリューションを使用して標準化することは困難です。
また、Play Sports Networkはチャンネルごとに異なるテクノロジースタックを用意しているため、使用する画像最適化ソリューションはすべてカスタマイズ可能で統合しやすいものでなければなりません。また、Play Sports Network は世界中に展開しているため、高速で信頼性の高い CDN を含むソリューションを必要としていました。
解決策
Play Sports Networkは、最初にImgixを自社のWebサイトに実装し、後にモバイルアプリケーションに導入しました。チームは静的ウェブサイトには React、Gatsby、Contentful を、iOS アプリには Swift、Android アプリには Kotlin を使用しています。最後に、電子商取引には Magneto が、画像ストレージには GCP が使用されています。
ザの Imgix レンダリング API これらの各環境と簡単に統合できます。Imgix の設定と画像の提供は数回クリックするだけで済みました。セットアップは簡単で、電子商取引、開発、コンテンツチームが画像最適化にアクセスできるようになりました。これにより、最適化されていない画像が原因で、モバイル訪問者のページ速度が遅くなったり、ウェブサイトのパフォーマンスが低下したり、データ使用量が多くなったりすることを回避できました。
ユーザーがアップロードするとき ユーザー生成画像 モバイルアプリでは、GCP バケットに送られ、Imgix によってその場で処理され、ほぼ瞬時に配信されます。
スポーツネットワークのユーザーを再生 自動アークセット生成 そして幅広い レンダリングパラメーター、以下を含む:
- q 圧縮の品質レベルを設定します。
- txt パラメータは Play Sports Network がエディトリアルアセットを作成する際に頻繁に使用されます。コンテンツチームはテキストの書体とスタイルを以下のように設定します。 テキストフォント、でフォントサイズを選択します
- fp-x、 fp-y、および fp-z 画像内の焦点を設定します。
- ブレンド は、Play Sports Networkがベース画像上にさまざまな方法で色、テキスト、画像を合成できるようにする多用途のパラメーターです ブレンドモード。
- マークスケール、 マークパッド、 マークアライメント、および マークフィット ウォーターマークをきめ細かく制御できます。
結果
Play Sports Network は Imgix を使用することで、静的バックエンド画像処理に伴うストレージとメンテナンスの負担を大幅に軽減しました。チームは 1 か月あたり 1 億5,000万件を超えるイメージリクエストを簡単に処理できるようになりました。
画像が適切に最適化されたことで、パフォーマンスとコンバージョン率が向上しました。最後に、Play Sports Network はエンジニアリングと設計の時間を大幅に節約し、世界で最も急成長しているサイクリングネットワークの 1 つとして全力で前進することができました。
