PageSpeedInsight 使用していない JavaScript の削除

Question

PageSpeedInsightをやってみたところ

使用していない JavaScript の削除が出たのですが、

どこをどうやれば減らせるのかわかりません。

74Kb減らせると書いてありますが、

例えばrequire("chartkick")は特定のページでしか使っていないので

application.rbに書く必要ないといった感じなのでしょうか？

教えて頂けると幸いです。

// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("./jquery.minipreview.js")
require('./test.js')
require('./jscroll.js')
require ('./jquery.jscroll.min.js') 
require ('../../assets/javascripts/serviceworker-companion.js')
require("chartkick")
// require("chart.js")

// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)


require("trix")
require("@rails/actiontext")

Answer 1

Railsを使っている場合、JavaScriptバンドルに関する考え方が全く違って、「1つのファイルに全部詰め込んでおけば、どのページに遷移したとしても再ロードの必要がない」という方針のもとに構成されています。

「ファーストビューをできるだけ早くする」ことを重視するPageSpeed Insightsとは、観点が違います。

（もちろん、Railsのアセット生成の枠組みを使いつつ、「ページ群ごとに分割して不要なものはファーストビューでロードしない」ようにすることもできますが、1回答で収まらないほどの変更が必要となるので、気軽にできることではありません）

Comments

[mbaby__8]

「1つのファイルに全部詰め込んでおけば、どのページに遷移したとしても再ロードの必要がない」ということの利点ってどういったことがあるのでしょうか？

また「ページ群ごとに分割して不要なものはファーストビューでロードしない」というのは独学で（書籍やネット）出来るものですか？

[maisumakun]

> 「1つのファイルに全部詰め込んでおけば、どのページに遷移したとしても再ロードの必要がない」ということの利点ってどういったことがあるのでしょうか？

書いてのとおりです。次のページに行ってもJavaScriptのダウンロードを行わずに済みます（さらに発展形として、ページ遷移自体をJavaScriptで再現することでページ遷移を高速化するTurbolinksもあります）。

[maisumakun]

> また「ページ群ごとに分割して不要なものはファーストビューでロードしない」というのは独学で（書籍やネット）出来るものですか？

この程度の容量であればデメリットのほうが大きいです。

[mbaby__8]

ありがとうございます！