官方网址https://svelte.dev/这个框架绝对是前端开发者的福音，其轻量级的特性让它脱颖而出，编译时优化更是让它性能卓越。先来聊聊它的轻量级，通过CSS压缩后只有约17kb，gzip后更是仅有4kb，这在众多前端框架中可以说是佼佼者。接下来，我们来看看它的编译过程，你会发现它的体积仍然保持小巧，仅有几kb。

Svelte的性能优势主要来自于它的编译时优化。对于小型项目，它的轻量级和高性能特性使其成为理想的选择。Custom Elements：Svelte组件可以作为自定义元素使用，与其他库和框架集成。

Svelte文章标签：前端框架于首次发布。Svelte的编译时优化使其在运行时性能上优于Angular。

作为一款轻量级的前端框架，Svelte以其高效的编译时优化和出色的性能而备受开发者喜爱。此外，Svelte社区还有许多优秀的UI库，如Svelte Material UI，可以快速搭建出符合Material Design规范的界面，提升用户体验。路由管理可以借助svelte-routing库实现，允许用户在不同的聊天室或用户页面间导航。

作为一个轻量级的前端框架，Svelte通过编译时的优化，将复杂的UI组件转换为高效的JavaScript代码。至于vite，它是基于Rollup构建的现代化的前端构建工具，其特点是启动速度快，能够提供热重载和按需编译，大大提升了开发者的生产力。

轻量级，通过CSS缩小后有约17kb的大小，gzip后更是小到了4kb，可以说是比三大前端框架都小。编译好的create_fragment方法是用来生成DOM目录树的，它是直接将源代码的html模板编译成了代码去实现响应式变化，最终这个新生成的节点会直接使用到真DOM上，这就是它宣传的没有Virtual DOM和它高性能的原因。

---