1stDibs の画像が豊富なサイトは、高級品の購入者に高速でハイエンドなユーザーエクスペリエンスを提供します。

課題

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

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 が公式にサポートしている言語の 1 つである TypeScript で記述できることも気に入っています。### 重要なポイント

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