Svelte 性能居然这么厉害！尤雨溪都亲自出测评

来源丨开源最前线（ID：OpenSourceTop） 猿妹综合整理

项目地址：https://github.com/restic/restic

Vue大家都很熟悉了，但是你听说过Svelte吗？

Svelte是一个 No Runtime —— 无运行时代码的框架。Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。

与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。

Svelte具有如下功能特性：

• 减少代码量：重复利用你所掌握的编程语言-HTML、CSS和JavaScript，构建的组件无需以来模板文件

• 无虚拟DOM：Svelte将你的代码编译成体积小、不依赖框架的普通JS代码，让你的应用程序无论是启动还是运行都很快

• 真正的反应能力：无需复杂的状态管理库，Svelte为JavaScript自身添加反应能力

下面是Jacek Schae大神的统计，使用市面上主流的框架，来编写同样的 Realword 应用的体积：

尤雨溪亲自创建了一个仓库用来对 Svelte 和 Vue3 组件进行了评测：

在仓库的README中尤大给出了两个结论：

• Svelte 单组件在普通模式下比 Vue3 单组件约大70% ，在 SSR 模式下大110%

• 对于项目来说，当编写的组件大于19个组件（SSR模式为 13个组件）Svelte 的优势与 Vue3 相比就不存在了。

svelte已经在Github上标星 52.8K，累计分支 2.5K（详情：https://github.com/sveltejs/svelte）

详细调研原文：https://github.com/yyx990803/vue-svelte-size-analysis

点分享

点点赞

点在看