はじめに こんにちは、メルペイフロントエンドチームの @tokuda109 です。 この記事は、メルペイフロントエンドチームで取り組んでいるパフォーマンス改善について紹介するシリーズ記事の第3弾の記事で、ブラウザ上の Nuxt.js アプリケーションの初期化処理について紹介します。 前回の記事のおさらい 前回の記事で JavaScript がブラウザ上でどのように処理されるのかを紹介しました。 マイクロタスクは、Promise の then 等のハンドラに実装されたコールバック関数を指します。 JavaScript のランタイムの振る舞いとして、マイクロタスクキューに積まれたマイクロタスクは1サイクル内で空になるまで JavaScript エンジンで優先して実行されます。 図1の Run Microtasks という処理ブロックは、Promise の処理が行われていて、他の処理をブロックし