1stDibs は、美術品やアンティーク製品の販売を21世紀に導いた功績で知られています。2000年に設立された 1stDibs は、家具、アート、ファインジュエリー、腕時計、高級ファッションブランドの厳選されたセラーをバイヤーが見つけられる、独自のオンラインマーケットプレイスを作り上げました。1stDibs は50か国以上にわたる7,600のセラーと提携し、630万人に及ぶ登録ユーザーを抱えるWebサイトを運営しています。

画像で彩られたサイトで高級品を求めるユーザーに高速なプレミアム体験を提供している 1stDibs

課題

早急にキャッシュのコンテンツを削除する必要があるのに、CDN ベンダーに1時間も待たされる。。。1stDibs が以前のベンダーと直面していたこの状況は、持続不可能でした。最初のクリックから購入まで、スピードが成功を左右します。1stDibs では、最新かつ正確なコンテンツを配信するために、キャッシュを迅速にパージできる必要がありました。これは、顧客が6,000ドルのアンティーク本棚や6万ドルのヴィンテージネックレスを閲覧しているような場合に特に重要です。キャッシュを最適化することで、ページの読み込み時間が短縮され、ユーザーの居場所に関係なく、すべてのユーザーに最高のパフォーマンスを提供できます。「1stDibs のような eコマースサイトにとって、パフォーマンスとユーザーエクスペリエンスが非常に重要です」と、1stDibs のエンジニアリング担当バイスプレジデント、Tim Whidden 氏は述べています。「数秒以内にパージができなかったため、Fastly に移行しました」（Whidden 氏)。

ソリューション

1stDibs は、超高速パージとコンテンツ配信、簡単にできる画像最適化、エッジコンピューティングといった Fastly の機能を活用し、必要なスピードとパフォーマンスを得ることができました。「Fastly が提供するサービスなしで、このレベルのトラフィック量を持つeコマースサイトを運営するのは不可能だと思います。エッジでのキャッシュ、画像最適化、エッジでコードを実行する機能により、バックグラウンドで実行しているさまざまなサービスを1つのドメインでシームレスに連携できます。Fastly のない環境は考えられません」(Whidden 氏)。

200ミリ秒未満の「驚異的」なページ読み込み時間を実現

eコマース業界では、迅速なページ読み込みの必要性が広く認識されています。2秒に達すると、ユーザーのコンバージョン率が急速に低下します。しかし、ページのパフォーマンスは、ユーザーがサイトを閲覧するかどうかを判断するのに役立つこともあります。「Google はページをパフォーマンスで評価します」と Whidden 氏は言います。ページの読み込みが速いことは SEO にとって重要であり、読み込みが遅いとランキングに悪影響を及ぼす可能性があります。Fastly に切り替えて以来、「私たちのホームページがほぼ瞬時に誰の画面にも表示されるようになりました。本当に素晴らしいです」と、Whidden 氏は語っています。

Fastly では、75%のユーザーに50ミリ秒未満で、95%に200ミリ秒未満でコンテンツを表示できます。これを Google 検索結果の最初のページの平均ページ読み込み時間である1.65秒と比較してください。1stDibs は競合企業よりも88%から97%優れた結果を達成しています。

画像管理から手作業をなくす

1stDibs はデザイン、ファッション、アートを専門としているため、高品質で高解像度の画像が重要です。ほとんどのセラーは、商品をあらゆる角度から撮影し、重要な詳細を強調するために複数の写真を共有しており、サイト上の画像は数百万枚に達します。「セラーの皆様には、できるだけ大きな画像をアップロードするように勧めていますが、その後、私たちのプラットフォームでさまざまなサイズで表示する必要があります」と Whidden 氏は説明します。Fastly の Image Optimizer により、1stDibs は画像のサイズを即座に調整できるため、UX デザイナーは、各画像を前処理する手間を省き、画像の保存や取得に追加コストをかけることなくデザインを柔軟に変更し、さまざまな画像サイズを使用できます。「画像最適化により、サムネイルからプロダクト詳細ページの大きな拡大画像まで、画像のサイズと形式を必要なタイミングで調整できます」(Whidden 氏)。

エッジで実現する高いパフォーマンスと柔軟性

Fastly が Compute を導入した際、1stDibs はエッジでカスタマイズを行う機会を手に入れました。同社は、安心して中断なくコード変更をデプロイできるように、ユニットテストや統合テストが可能な方法でエッジロジックの作成を開始しました。「Fastly のソリューションは WebAssembly を使用しているため、1stDibs.com に流入するすべてのトラフィックを処理するエッジで、非常に高性能なカスタムランタイムのメリットが得られました」と、Whidden 氏は述べています。1stDibs チームは、Compute が公式にサポートしている言語のひとつである TypeScript でロジックを作成できることも気に入っています。

重要なポイント

1stDibs の結論 : Fastly のコンテンツ配信と開発者プラットフォームにより、「ユーザーに私たちのサイトがものすごく速く表示されるようになりました」と、Whidden 氏はコメントしています。「Fastly は効率とコストの面で役立ちましたが、それ以上の価値があります。Fastly のプロダクトセットは、ユーザーのニーズを満たし、ビジネスにとって効率的な方法で私たちのWebサイトを運営するために必要な基盤を提供します」(Whidden 氏)。