お客様について

Shinolaは、2011年に創業され、優れたデザインの製品を製造することでアメリカの雇用を創出することを使命としています。アメリカ産業の発祥地であるデトロイトで、アメリカの労働者と共に高品質な製品を作り上げることを目指しています。

Shinolaはデトロイトの工場で、時計、自転車、革製品、アクセサリー、音響機器、特注品を生産しています。北米には26の小売店舗があり、オンラインストアも運営しています。このオンラインストアはMagento Enterpriseを利用し、Amazon Web Servicesでホストされています。

Shinolaのサイト開発とインフラ管理は、5人のフルスタック開発者チームが社内で担当しています。

Shinola customer 1
Shinola customer 2

導入前の課題

当初、ShinolaはMagento Enterpriseに組み込まれている画像のサイズ変更機能を使って画像ライブラリを管理していました。しばらくはこれで間に合っていましたが、マルチサーバー機能が限られており、拡張が困難でした。しかし、容量を増やすということは、ウェブサーバーの数を増やさなければなりません。そして、サーバー間で画像アセットを共有しなければならず、全体で整合性を保つには、ネットワークファイルシステム (NFS) とrsyncで構築されたシステムも必要でした。

画像をAWS上のクラウドに移動すると、さらに難しい課題に直面しました。なぜなら、NFSは、物理サーバーの場合よりも、共有ストレージロケーションを扱う場合の方が信頼性が低いことが判明したからです。この結果、画像をアップロードしてAmazon S3バケットに同期させ、さらにすべての本番ウェブサーバーに同期させるという複雑極まりないシステムが構築されました。このような余分なステップがあることにより、レイテンシーが高まるだけでなく、障害が発生するポイントが増えることにもなります。

「私たちは皆、才能豊かで経験豊富な開発プロフェッショナルですが、画像圧縮アルゴリズムや複雑な画像最適化戦略は、特に得意な分野というわけではありません。このエリアに専任的に注力しているチームと同等のパフォーマンスを発揮するには、多大な時間とリソースを投資する必要があるでしょう」

— シニア・テクニカルアーキテクト、Ryan Shaltry氏

Shinola challenge

また、品質保証もすぐに問題となりました。オープンソースのツールであるImageMagickとPHP-GDで、アーティファクトやディザリングが発生することが多かったためです。これは、Shinolaのハイエンドブランドとしての評判に匹敵する高画質な画像を求めていたクリエイティブチームやブランディングチームには受け入れられないことでした。

そこで、80〜100時間の開発時間を費やして画像処理サービスを開発しましたが、それを継続的に運用するには常に何らかの管理が必要となることがすぐに判明。重大なエラーやダウンタイムがなくても、開発者はメンテナンスと品質保証に週あたり約4時間も費やしていたのです。

ソリューション

Shinolaは、画像システムを社内で管理するのにかなりの時間を費やしていて、他の優先事項から遠ざかってしまっていることに気付きます。しかも、このシステムでは必要な画質レベルを保証することはできません。画像を任せてすぐ使えるようにしてくれる、オンデマンド型の画像処理ツールが必要でした。そしてたどり着いたのがimgixです。

Shinolaはimgixのインターフェースのシンプルさを気に入りました。画像URLにクエリ文字列パラメータを付け加えるだけで、写真をリアルタイムで加工できます。この機能自体は既存の社内ソリューションと類似していたため、導入が簡単でした。また、高い圧縮レベルであっても安定した画質を提供できることもimgixを選んだ理由となりました。

Shinola solution

Shinolaは、カスタムプラグインを作ってimgixとMagento Enterpriseを統合。その開発作業には約40時間を費やしましたが、そのほとんどは、一部の商品の写真用に単発で開発した合成の再現をすることに集中していました。例えば、時計ストラップとケースのオプションで、特定の組み合わせができるようにする、といった場合です。

「imgixはとにかくシンプルなので、CDNの仕組みを少しでも知ってれば、すぐにその機能を理解し活用できるんです。学習曲線はほとんどなく、優れたドキュメントと開発者向けリソースも提供されているため、実装が驚くほど簡単です」

— シニア・テクニカルアーキテクト、Ryan Shaltry氏

導入後の結果

imgixの導入後、Shinolaは画像処理作業の大半を削減することができました。また、imgixの高度な圧縮機能のおかげで、画質を著しく損なうことなく、画像ファイルサイズを大幅に縮小することもできました。Shinolaが得たメリットのいくつかを以下にご紹介します。

Compression.

ページウェイトの削減

画像サイズが小さくなるため、ページウェイトが全体で50%削減されました。
Fetching from storage.

画像レンダリングの高速化

サイト上のほとんどの画像のレンダリング時間を 10%~15%短縮しました。
A laptop with performance metrics on it.

読み込み時間の短縮

ページの読み込み時間を平均で1秒短縮しました。
Shinola result
「imgixは、画像サービスと画像配信において弊社がこれまで実装してきた中で、群を抜いて効果的です。imgixのおかげで、多くの困難な問題の解決に余儀なくされていた複雑な統合が不要となり、長期的に時間と労力を大幅に節約できました」

— シニア・テクニカルアーキテクト、Ryan Shaltry氏

imgixはリアルタイムの画像処理サービスおよびCDNです。世界中の何千もの企業がimgixを使用して、最適な画像を最適なサイズで利用者に届けています。