Black background with a sleek gray graphic

Judge.meはImgixで画像を処理することで、ページの読み込み時間を1秒から100ミリ秒へ短縮し、10倍の高速化を実現しました。

お客様について

Judge.meは、eコマースサイトのコンバージョン率、購入者エンゲージメント、オーガニックトラフィックの向上を支援する商品レビューアプリです。116,000社を超える顧客を持つJudge.meは、125万点近くの商品画像とアバターを配信しています。ユーザー生成画像には特有の難しさもあるため、画像処理は同社にとって欠かせません。Imgixで画像の標準化、処理、配信を行うことで、Judge.meはページの読み込み時間を1秒から100ミリ秒へと短縮し、ほぼ10倍の高速化を実現しました。

125万
商品画像とアバター
10倍
ページ読み込み時間の改善
1,000万+
1日あたりの平均ページ読み込み数

課題

Judge.meは、116,000社を超えるeコマース事業者の商品レビューを支えています。急成長中の同社のレビューエンジンでは、エンドユーザーがレビューに画像を簡単に添えられます。Shopify、WooCommerce、BigCommerce向けにアプリを提供するJudge.meは、ユーザー生成コンテンツの画像を手軽かつ効率的にホストできる仕組みを求めていました。

Imgixの導入前、Judge.meはS3から直接画像を配信していました。画像の読み込みは遅く、ワークフローの維持にもコストがかかっていました。

さらに、ユーザー生成コンテンツ特有の課題も数多くありました。露出オーバー、まちまちな寸法、余分な余白など、ユーザー生成コンテンツは扱いが難しいものです。

そこで同社は、グローバル対応、アセットの高速配信、簡単な導入を、無理のないコストで実現できるソリューションを探していました。

cuddle clones
「私たちはハイエンドのソリューションを選ぶ傾向があります。また、開発者にとって使いやすいAPIであることも重視しています。」
ピーター・ヤン・セリス様
Judge.me 創業者兼CEO
vacier

解決策

Judge.meは当初から、Product Reviewsプラグインのレビュー写真にImgixを採用し、125万点弱の商品画像とアバターを配信してきました。ImgixはJudge.meのユーザー生成コンテンツを、サムネイルとフルサイズの両方で、自社サイトと顧客サイトの双方においてサポートしています。これにより、ユーザーは自分のコンテンツをデザインに簡単に取り込み、自動で調整できます。また、すべての画像が適切なサイズ、画質、寸法で表示されることも保証されます。これはJudge.meにとって非常に重要な点です。

Judge.meはレンダリングAPIのパラメータを数多く活用しています。特によく使われているのは次の3つです。

  • auto:画像に対して、自動で基準レベルの最適化を適用します。
  • dpr:画像の出力ピクセル密度を制御します。
  • size:リサイズ、クロッピング、クロップ範囲に合わせたサイズ調整のすべてを制御できます。

Judge.meは世界中のお客様にサービスを提供しています。Imgix CDNを活用することで、ページの読み込み時間を短縮し、ユーザー体験を向上させています。6大陸にCDNエッジノードを持つImgixは、画像をキャッシュしてレイテンシを最小限に抑え、配信時の転送時間を短縮します。

結果

Imgixの導入により、Judge.meは平均ページ読み込み応答時間を1秒から100ミリ秒に短縮しました。以前のソリューションと比べて、ほぼ10倍の高速化です。

Judge.meは、レビュー用の画像や動画機能をすべてのお客様のウェブサイトで無料にするという重要な決断を下した際、それを構成する各機能、特に画像最適化が、信頼性とコスト効率を兼ね備えている必要がありました。

「最終的にはかなりのコスト増になるこの機能を完全無料にしても大丈夫だと思えたこと自体が、Imgixへの信頼の表れです。Imgixなら、すべてがあるべき姿で、理にかなっていると感じます。」
(ピーター・ヤン・セリス様、Judge.me 創業者兼CEO)

macorner
ケーススタディホームに戻る