Did you know that Svelte 5 can significantly reduce your bundle size? This video demonstrates how upgrading to Svelte 5 can cut your app's footprint by up to 50% without changing any code. Using a real SvelteKit project, we walk through the upgrade process, configure Vite for optimal bundling, compare Svelte 4 and 5 bundle sizes, and use Rollup Plugin Visualizer for analysis. Learn how Svelte 5's new architecture leads to smaller bundles and more efficient web development.
00:00:00 Bundle size improvements in Svelte 5
00:02:19 Demo: Upgrading a real project to Svelte 5
00:04:36 Configuring Vite for single chunk build
00:08:38 Comparing bundle sizes: Svelte 4 vs Svelte 5
00:09:22 Using Rollup Plugin Visualizer for bundle analysis
Mentioned links
https://github.com/sveltejs/kit/issues/3882
https://www.npmjs.com/package/rollup-plugin-visualizer
https://www.neodrag.dev/
#Svelte #SvelteKit #WebPerformance #JavaScriptFrameworks #JavaScript #Typescript