こんにちは。EC事業部カラーミーショップグループサービス基盤チームの @yano3 です。 カラーミーショップでは、2020年11月に商品画像の最適化を実施しました。この記事ではその技術面と最適化の効果について紹介します。 背景 カラーミーショップを使って作成されたショップページを Web ブラウザで表示する場合、商品の画像がトラフィックの大部分を占めています。カラーミーショップでは CDN を利用し高速かつ安定した画像配信を実現していますが、以下のようなことが課題となっていました。 サービスの成長に伴う CDN の配信コストの増加 ショップページの表示パフォーマンスへの影響 昨今の世界的なインターネットトラフィック増に対する帯域使用量を抑える流れ これらの課題の解決のため、ショップページに表示される商品画像の最適化を実施しました。 商品画像最適化の概要 背景でも述べた通り、従来はストレー
![カラーミーショップの商品画像の最適化を実施しました - Pepabo Tech Portal](https://cdn-ak-scissors.b.st-hatena.com/image/square/96ce53fc7aa7c1c7f7f90f0ecaf8c29621cda38d/height=288;version=1;width=512/https%3A%2F%2Ftech.pepabo.com%2Fimages%2Fogpimage.png)