Rails + heroku App でpage speed insightをあげる

レンダリングを妨げるリソースの除外

全部のjavascriptにレンダリングしてるところにdefer: trueをつけた
3秒から0.45秒に

<%= javascript_pack_tag 'faq', defer: true %>

オフスクリーン画像の遅延読み込み

遅延読み込みという技術は、Webサイトに表示される画像を一度に読み込まず、必要に応じて必要な分だけ読み込むというものです。不必要な画像の読み込みを後回しにして、画像以外のCSSやJSファイルの読み込みが先に行われます。そうすることで、表示速度を速くすることができます。
6秒消えた

yarn add v-lazy-image


  <v-lazy-image :src="item.image_url" />


  import VLazyImage from "v-lazy-image"
  export default {
    components: {
      VLazyImage
    }
  }

テキスト圧縮の有効化

gem 'heroku-deflater'
bundle install

静的なアセットと効率的なキャッシュポリシーの配信