Laravel+Vue.jsでLighthouseのスコアを0点から97点にした(バンドルサイズ削減)Laravel+Vue.jsで作成していたwebサイトの応答速度が激遅だったので、対策を実施した。 環境# Laravel 6.14.0 Vue.js 2.6.11 対策前はページロードに20秒かかっていた# 特に何も考えずにwebサイトを作っていたら、トップページのロードに20秒ほどかかっていた。 これではさすがにwebサイトとして成立しない。 Googleが提供しているwebページ分析ツールLighthouseを使ってパフォーマンスの測定を行ったところ、以下のような結果になった。 堂々の0点である。提示されている対応策の詳細を見ると、以下のように書かれていた。 どうやらバンドル後のapp.jsのサイズが約4MBと、超巨大になっているらしい。対応策としてapp.jsのサイズ削減を行った。 対策1：本番用ビルド設定を適用する# バンドルサイズ# 3.86MB(app.js) → 1.59M
