Help us understand the problem. What is going on with this article?

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
    }
  }

テキスト圧縮の有効化

https://qiita.com/Oakbow/items/ec13c3a57327cc5f3197

gem 'heroku-deflater'
bundle install

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

https://catnose99.com/rails-heroku-fastly/

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away