Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

preloadComponents

Nuxtは、コンポーネントのプリロードを制御するためのユーティリティを提供します。

コンポーネントのプリロードは、ページがすぐに必要とするコンポーネントをレンダリングライフサイクルの早い段階で読み込みを開始します。これにより、コンポーネントが早く利用可能になり、ページのレンダリングをブロックする可能性が低くなり、パフォーマンスが向上します。

preloadComponents を使用して、Nuxtアプリにグローバルに登録された個々のコンポーネントを手動でプリロードします。デフォルトでは、Nuxtはこれらを非同期コンポーネントとして登録します。コンポーネント名のパスケルケース表記を使用する必要があります。

await preloadComponents('MyGlobalComponent')

await preloadComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
サーバー上では、preloadComponents は効果がありません。