【学習記録】Vueのパフォーマンス計測

現場でVueのコーディングをしていて、かなり動作が重たいページがありました。
原因がよくわからず、とりあえず「Vue Dev tools パフォーマンス」で調べると以下の記事があったので内容を参考にして対応しましたのでメモ。

qiita.com

Vue DevtoolsのPerformanceタブを選択し、画面左側のレコーディング開始ボタンを押すとそれ以降の動作にかかった時間を計測できるようです。

f:id:JunpeiNakasone:20210128064611p:plain

f:id:JunpeiNakasone:20210128064632p:plain

f:id:JunpeiNakasone:20210128064649p:plain