Menu

Porting the Landing to Svelte 5 + Runes — 61% Smaller Gzip and Why the Compiler Approach Wins Here
📰

Porting the Landing to Svelte 5 + Runes — 61% Smaller Gzip and Why the Compiler Approach Wins Here

DEV Community: svelte·SEN LLC·6 months ago
#qyV5vFCl
#dev#each#if#class#code
Reading 0:00
15s threshold

Porting the Landing to Svelte 5 + Runes — 61% Smaller Gzip and Why the Compiler Approach Wins Here

Svelte 5 with Runes is my third port in the framework comparison series. The results so far: React 49.00 kB, Vue 28.76 kB (−41%), Svelte 18.92 kB (−61%). The size drop isn't a coincidence — it's what happens when "the framework" is mostly a compiler and not mostly runtime.

Entry #3 in the framework comparison series. The same landing page, same features, same CSS, same data loading — only the component layer changes. Svelte 5 ships a new Runes API that replaces the older $: label syntax, and it's the first Svelte version I've felt fully comfortable using with TypeScript.

🔗 Live demo : https://sen.ltd/portfolio/portfolio-app-svelte/

📦 GitHub : https://github.com/sen-ltd/portfolio-app-svelte

Feature parity with the React and Vue ports.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.