※ この募集は締め切られました。
【実装の相談】ECサイトのパフォーマンス改善(画像読み込み)
【相談内容】
ECサイトのパフォーマンスをより改善する方法についてアドバイスをいただきたいです!
Lighthouseのパフォーマンススコアは現在30点です。
詳細を確認すると、商品画像の読み込みに時間がかかっているということでした。
ですので画像を最適化してより高いスコアを目指す方向で進めています。
商品画像はS3上にアップロードしています。
【使用技術】
・Ruby 2.7.1
・Ruby on Rails 6.1.4
・Nuxt.js 2.14.5
・画像関連
・CarrierWave(Gem)
・AWS
・S3
・CloudFront
【試したこと】
1. Nuxt側で画像最適化ライブラリを導入することを検討しました。
・Nuxt Image
・Nuxt Optimized Images
ところが上記ライブラリはassetsもしくはstatic配下の画像しか対応していないようで、S3上にある商品画像を最適化することができませんでした。
2. CarrierWave側の処理で最適化できないか検討しました。
CarrierWave Image Optimizer
というGemがありましたので導入したところ、スコアが18点→30点まで上がりました。
上記以外で有効な手段をご存じでしたらぜひお力をいただきたいです!
【コミュニケーション方法】
チャットのみ
【ご提案時のお願い】
単発プランを設定されていない方は、提示いたしました予算内でプランの作成をお願いいたします!
【さいごに】
不明点ございましたらメッセージでお聞きください。よろしくお願いします!