preloadComponents
Nuxtはコンポーネントのプリロードを制御するためのユーティリティを提供します。
コンポーネントのプリロードは、ページがすぐに必要とするコンポーネントを読み込み、レンダリングライフサイクルの早い段階で読み込みを開始することを意味します。これにより、コンポーネントが早く利用可能になり、ページのレンダリングを妨げる可能性が低くなり、パフォーマンスが向上します。
preloadComponents
を使用して、Nuxtアプリでグローバルに登録された個々のコンポーネントを手動でプリロードします。デフォルトでは、Nuxtはこれらを非同期コンポーネントとして登録します。コンポーネント名のパスカルケース版を使用する必要があります。
await preloadComponents('MyGlobalComponent')
await preloadComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
サーバー上では、preloadComponents
は効果を持ちません。
※このページは Nuxt.js 公式ドキュメントの翻訳ページ(非公式)です。
公式ドキュメントの該当ページはこちら:
https://nuxt.com/docs/3.x/api/utils/preload-components