Sveltejs Academy · Lesson

Code Splitting and Dynamic Imports

Split your bundle automatically by route and use dynamic import() for on-demand chunks.

Automatic Splitting

SvelteKit splits bundles per route automatically. Visitors download only the JS for the routes they visit.

For more granular splitting, use dynamic import() to load modules on demand.

const Heavy = (await import("./Heavy.svelte")).default;