Lazy Loading

Lazy loading means the first page does not download every heavy component right away. Load expensive UI only when the user reaches it.

External Libraries

Some libraries are large or depend on browser-only APIs such as `window`. Wrap them with `lazy` and disable SSR when needed.

Map widget

You can also split your own components. This is useful when a page has a heavy editor or dashboard that opens only after a click.

Lazy editor

Use default lazy when the component can render on the server.
Use `{ ssr: false }` when the library needs `window`, `document`, canvas, WebGL, or browser storage.
Always give a loading fallback when the blank space would be confusing.

Lazy loading means the first page does not download every heavy component right away. Load expensive UI only when the user reaches it.

Some libraries are large or depend on browser-only APIs such as `window`. Wrap them with `lazy` and disable SSR when needed.

Map widget

You can also split your own components. This is useful when a page has a heavy editor or dashboard that opens only after a click.

Lazy editor

Use default lazy when the component can render on the server.
Use `{ ssr: false }` when the library needs `window`, `document`, canvas, WebGL, or browser storage.
Always give a loading fallback when the blank space would be confusing.