カナダの大手不動産ポータルは、リスティングデータベースにレスポンシブ画像を提供するためにImgixを利用しています。
顧客
Real Estate Wire（REW）は、活発な市場上場、賃貸、新築住宅開発、エージェントサービスを提供するカナダを代表する不動産市場です。同ウェブサイトには 1 か月に 400 万人の訪問者が訪れ、Imgix を利用してポータル内の 100,000 件のリスティングのレスポンシブ画像を迅速に配信しています。
ザ・チャレンジ
画像はREWの最も重要なコンテンツの一部です。不動産ポータルは、何千ものリスティング画像を表示し、さまざまなブラウザやデバイスに合わせて最適化できなければなりません。これを実現するために、開発チームはオンラインポータルの画像サイズ要件を満たすために、多数のバックグラウンド変換ジョブを実行していました。
不動産ポータルが拡大し、訪問者のトラフィックが増加するにつれ、チームは仕事で対応できないほど多くのリスティングを受け取り始めました。REW 独自のトランスフォーメーション・テクノロジーを使用した場合、イメージ・トランスフォーメーションを実施して新しいリスティングを公開するまでに、少なくとも 1 日はかかりました。チームは、公開時間をできるだけリアルタイムに近いものにすると同時に、ジョブの実行容量を増やしたいと考えていました。チームのもう 1 つの重要な目標は、イメージインフラストラクチャを維持するよりも、ユーザーエクスペリエンスに付加価値をもたらす機能への投資に集中することでした。
画像の一覧表示に時間がかかった理由の 1 つは、すべての画像を組み込みのブレークポイントサイズとアスペクト比に合わせて変換する必要があったためです。REW は、MLS システムからの未加工の画像ファイルだけでなく、開発者 (プリセールスを行っていたため、まだ MLS システムには導入されていない) から提供された高精細画像も変換する必要がありました。ソフトウェア開発担当副社長のマイケル・ウーによると。
「さまざまな画像サイズのブレークポイントを事前に定義する必要がありました。ブレークポイントを変更したり、画像のサイズを調整したりする必要がある場合は、そのロジックを背景に追加し、それらの画像を再作成、保存、再変換する必要がありました。これは理想的なソリューションではなく、当社のコアビジネスでもありませんでした。」
解決策
Wu 氏のチームは、動的サイジングサービスを自社で構築することを検討しましたが、時間がかかりすぎ、主要な機能を見逃してしまうと判断しました。たとえば、明るさやコントラストなどの画像設定を簡単に調整できる機能が必要でした。また、サイトに写っているエージェントの画像が円形フレーム機能内で正しく表示されるように、顔検出も必要でした。ウーは次のように説明しました。
「私たちは開発時間を不動産分野の製品構築に集中して費やしたかったのです。私たちは、消費者や代理店が当社のサイトで不動産を購入または売却する際に、より優れたユーザーエクスペリエンスを提供したいと考えています。」
REWは複数の画像サービスプロバイダーを評価し、最終的にImgixを選択しました。これは、価格モデルのコスト削減によるものです。REW は、ある競合他社を試した結果、不動産ポータルへのトラフィックが増加するにつれて、CDN と画像変換のコストが急上昇していることに気付きました。
結果
Imgixに切り替えたことで、チームの画像変換にかかる月額費用は、以前の画像サービスプロバイダーと比較して70％削減されました。REW では処理時間も短縮され、新しいリスティングを 1 時間以内に公開できるようになりました。これは、以前の 24 時間から 96% 削減されました。
Wu氏のチームは、REWを使用する多くの代理店、住宅購入者、販売業者に利益をもたらす製品の提供に向けて開発努力をシフトできるようになりました。
