前提・実現したいこと
Laravel8 + Vue + Heroku
Herokuでのpublic/js/app.jsの読み込みを早くしたいです。
発生している問題・エラーメッセージ
app.jsがローカル環境では23ms程度で読み込めるのに対してHerokuでは15~20s程度かかってしまいます。ファイルサイズはどちらも同じです。(680kB)
試したこと
https://qiita.com/llhrkll/items/513c23008b2596089a00
https://qiita.com/Yorinton/items/b362d1be09011f81e29c
https://qiita.com/makito/items/098c6d17e861b64eb01b
を参考に
public/jsとpublic/cssをバージョン管理から外し、
package.jsonのを書き換え、
app.blade.phpを修正して、
webpack.mix.jsを修正したところ、読み込み速度を25sまで早くすることができました。20sくらいかかるようになってしまいました。
しかし、二日後になぜかまた15
この二日間の間にいくつかコードを修正したりしていましたがwebpackに関係するような部分はいじっていません。
それでも一応うまくいった時のバージョンにロールバックしたりしてみましたが、やはり15~20s程度かかってしまいます。
該当箇所のみを記載しています。
回答していただきたいこと
- herokuでapp.jsの読み込み速度が遅い原因。
- public/js/app.jsをgit管理したままローカル環境でnpm run prodしてからデプロイする場合と、git管理から外してherokuの方でnpm run prodをする場合の違い。
- 二日後にうまく行かなかった原因。
- 上記の方法以外でapp.jsの読み込み速度を速くする方法。
一つでも分かる方がいましたら回答していただけると助かります。
補足情報(FW/ツールのバージョンなど)
app.jsの読み込み速度に関しては、その都度cacheは消してから測定しています。
あなたの回答
tips
プレビュー