This week, I found out about Svelte, a teensy front-end UI framework. I’m a fan of Preact, and I wondered how big a real application with Svelte would be compared to Preact.

Short answer: a simple CRU (no D) app for creating, listing, updating a users list, complete with client-side routing using rlite-router and JS-manipulated CSS weighs in at:

  • Preact 6.2KB (min + gzip)
  • Svelte 4.8KB (min + gzip)

Without JS-based styling (e.g. with external CSS), the Svelte app came in at exactly 4KB.

Pretty sweet. That’s an entire application with front-end routing, in a much smaller than react-router alone.