Leaflyのエンジリアリング担当副社長、Leslie Zavisca氏がこう説明します。「消費者は、リサーチして自分に合った大麻商品を見つけようとしていますから、デバイスやネットワークにかかわらず、高速でシームレスなユーザー体験やSEOを実現するには、パフォーマンスが重要となります。」Leaflyが画像の最適化へのアプローチを決めるにあたり、大麻業界であることが独特の作用をもたらしました。「完全に合法的な市場であっても、大麻業界は依然として偏見や誤情報が多いものです。こうした障壁がなくても、大麻という植物そのものも複雑で、初心者であろうと大麻愛好家であろうと、なかなか難しい分野なのです。

「完全に合法的な市場であっても、大麻業界は依然として偏見や誤情報が多いものです。また、こうした障壁がなくても、大麻という植物そのものが複雑で、初心者であろうと大麻愛好家であろうと、なかなか難しい分野なのです」

— エンジニアリング担当副社長、Leslie Zaisca氏

「ビール、ワイン、スピリッツなどと同様に、品種や加工方法、製造形態は無数にあり、消費者にとってそれぞれ固有の利点や体験につながります」とLeslieは続けます。消費者の信頼と安心を得るには、詳細を含む商品画像を提供することが重要なのです。

Leaflyが必要としたのは、高速かつ高画質で商品画像とマーケティング画像を提供できる画像処理ソリューションでしたが、自社の技術スタックで画像のサイズ変更を行うと、クラスターに持続不可能なレベルのリソースを要してしまいました。この要件は、顧客がニーズに合った商品を見つけられるようにするには、譲れない点です。最初はカスタムビルドのソリューションを導入しましたが、拡張性に欠けていたため、キャッシュ機能のあるCDNを持つ、オープンソースソリューションのThumborに切り替えました。Cloudfrontも併用しましたが、後者ではキャッシュの無効化が困難でした。Leaflyのウェブ技術スタックには、NextJA/Reactのアプリケーション、従来のMVCのRailsアプリケーション、WordPressが含まれていました。Thumborは、メトリクスベースの自動スケーリングを使ってもリソース消費量が1日を通して変動し、共有ノード上の他サービスに影響したため、個別のノードグループに移動させる必要がありました。さらには、ビジュアル体験の面でも問題がいくつかありました。取引先からの大麻商品や店舗の画像のアップロードは希望どおりにできたのですが、これらの画像は多くの場合、大きすぎたり、ウェブでの表示に適した比率にトリミングされたものではありませんでした。また、画像ファイル名に絵文字やハッシュタグ、その他の特殊文字が含まれていたら、システムの処理方法が原因で画像が正しく使えなくなることもありました。