学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

TechTac

SIer勤務後フリーランスとして独立しました。主に設計・実装のアドバイスをいただくために利用しています。
プロフィールをもっとみる

--

募集をシェアしてメンターを探そう
シェア

※ この募集は締め切られました。

プログラミング Ruby RubyonRails Vue.js Nuxt.js AWS

【実装の相談】ECサイトのパフォーマンス改善(画像読み込み)

2022年8月27日
単発
予算
15,000円
提案数
2人が提案中
応募期限
終了

【相談内容】
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点まで上がりました。

上記以外で有効な手段をご存じでしたらぜひお力をいただきたいです!

【コミュニケーション方法】
チャットのみ

【ご提案時のお願い】
単発プランを設定されていない方は、提示いたしました予算内でプランの作成をお願いいたします!

【さいごに】
不明点ございましたらメッセージでお聞きください。よろしくお願いします!

TechTac

プロフィール

SIer勤務後フリーランスとして独立しました。主に設計・実装のアドバイスをいただくために利用しています。

--

募集をシェアしてメンターを探そう
シェア