mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 03:47:12 +00:00
90784f79d7
* docs: implement new website theme * chore: rename dirs * chore: update build * lint fix * chore: update deps * fix: include node_modules in esbuild step * chore: update deps * Update .gitignore * chore: update theme version * up * up * fix: use svg for illustration * chore: update to 0.0.12 * chore: force parse5 resolution * stay with build * feat: always display first home section * Update yarn.lock * chore: update theme * fix lint * docs: update home title * chore: update website theme version * Update docs/content/0.index.md Co-authored-by: pooya parsa <pyapar@gmail.com> * Update docs/content/0.index.md Co-authored-by: pooya parsa <pyapar@gmail.com> * up * chore: bump theme version * up * chore: up * up up and up * chore: generate * fix: boolean value * feat: new images * update again * chore: up * ouep * chore: up Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Clément Ollivier <clement.o2p@gmail.com> Co-authored-by: pooya parsa <pyapar@gmail.com>
22 lines
950 B
Markdown
22 lines
950 B
Markdown
---
|
|
description: Nuxt provides utilities to give you control over prefetching and preloading components.
|
|
---
|
|
|
|
# `preloadComponents`
|
|
|
|
Nuxt provides composables and utilities to give you fine-grained control over prefetching and preloading components.
|
|
|
|
> Preloading components loads components that your page will need very soon, which you want to start loading early in rendering lifecycle. This ensures they are available earlier and are less likely to block the page's render, improving performance.
|
|
|
|
Use `preloadComponents` to manually preload individual components that have been registered globally in your Nuxt app. (By default Nuxt registers these as async components.) You must use the Pascal-cased version of the component name.
|
|
|
|
```js
|
|
await preloadComponents('MyGlobalComponent')
|
|
|
|
await preloadComponents(['MyGlobalComponent1', 'MyGlobalComponent2'])
|
|
```
|
|
|
|
::alert{icon=👉}
|
|
Currently, on server, `preloadComponents` will have no effect.
|
|
::
|