30秒かかった画像表示を1.7秒に改善した話（imgix + S3 + CarrierWave） - Qiita

背景 開発した自作アプリ（レシピ投稿サイト）のトップページで、画像表示があまりに重く遅かったため、初心者なりに改善できないか色々試行錯誤して、何とか改善することができました。今回はその記録と、日本語資料があまりないimgix（外部API）の使い方をまとめておきます！ 👆ちなみにトップページはこんな感じです スライダーの画像も入れると20枚強くらいですね まず結果から 最初にトップページをAWSにデプロイした時、画像がなかなか表示されなかったので、GTmetrix（Webサイトのパフォーマンスを評価するツール）にかけてみました。そして、目が点になりました。 32.3秒・・・！？ 遅すぎる。さすがにこれは何とかしなければ。 色々と試行錯誤を重ね・・・結果、こうなりました👇 おぉ、1.7秒・・・！ 涙が出るほど嬉しかったです、、 念のため検証ツールのネットワークタブからも確認。 キャッシュ無