Vue.js/JavaScript
アプリケーションの
パフォーマンス最適化
Ryo Utsunomiya(@ryo511)
Ikyu Frontend Meetup
2018-12-12
※Chrome DevToolsのAuditsを使用、プロファイルはSimulated Fast 3G
競合の中で一番速かったBooking.comを
ベンチマークにして改善を実施
最終的にBooking.comよりも速くなった
フロントエンドの計測ツールはLighthouseがデファクトスタンダード
const AComponent =
() => import('path/to/AComponent');
<button @click="show = true">Lazy</button>
<a-component v-if="show" />