前端用什么框架好些?

2023-06-02 0 859

后端架构基准测试新一代结论:18 个架构之中有 13 个达至世界顶级~

较大型全栈式 App RealWorld Conduit 前段时间预览了其基准测试结论。这款 App 分别选用 18 个不同的后端架构构筑,并对它展开了比较。

结论显示,18 个架构之中有 13 个赢得了世界顶级的 LightHouse 的平均分(也就是在总成绩 100 分的情况下赢得 90 以上)。在这 18 个架构之中,Svelte、Stencil、AppRun、Dojo、HyperApp 和 Elm 的互联网数据传输阻抗最高(高于 30KB)。

自称”模拟 App Kendujhar“的 Conduit 是对 http://Medium.com全栈式布季夫,采用了几组API 规范化,并暗含具有虚拟世界复杂某种程度的机能。RealWorld 工程项目核心理念贡献者 Eric Simons 说明说:

它就像TodoMVC,只是采用全栈技术实现。RealWorld 向我们展现了如何采用 React/Angular 等架构在 Node/Django 等互联网平台上构筑真实世界的网志互联网平台。开发人员能把它混和起来,因为它都遵从完全相同的 API 规范化。

RealWorld 基准测试始自 20

操控性平均分是通过LightHouse来评估结论的。LightHouse 是两个十分盛行的用作改良 Web 产品质量的智能化辅助工具。LightHouse 对操控性、可出访性和渐进 Web App 展开审计工作,并如前所述五个平均数分项得出操控性评估结论平均分。这五个分项依照重要程度次序如下表所示:

TTI(Time to Interactive):让两个网页显得可可视化须要多久。速率成分股Speed Index):网页处置文本的速率,平均分越低也罢。FCP(First Contentful Paint):从导航系统两个网页到应用程序开始图形 DOM 第两个二进制的天数。FCI(First CPU Idle):网页达至最优化可可视化的天数(不须要要到网页上的所有原素都可可视化,如果能对绝大部分用户输入做出响应即可)。FMP(First Meaningful Paint):用户感知到网页主要文本可见的天数。预估的输入延迟(Estimated Input Latency)。

LightHouse 将操控性平均分分为三组。90 到 100 分为世界顶级,表示操控性最好的网站。在 RealWorld 基准测试中,绝大部分(18 个中有 13 个)Conduit 实现属于这几组。前 13 个架构中包括已经很成熟的架构(如 Elm、Dojo、Vue、Angular、Aurelia、Stencil、Svelte 和 React)、简约型架构(如 AppRun、Hyperapp)、较少被采用的架构(如 Crizmas 或 reframe)以及可编译成 JavaScript 的架构 Imba。

这 18 种 Conduit 实现也根据大小展开了排名。基准测试作者详细介绍了这一标准背后的原理及其计算方法:

数据传输大小是从 Chrome 开发人员辅助工具的 Network 网页赢得的,包括 GZip 压缩的响应头和响应体……文件越小下载就越快,须要解析的东西就越少。

在操控性最好的 13 个架构中,有 6 个(Svelte、Stencil、AppRun、Dojo、HyperApp 和 Elm)的数据传输大小小于 30KB:

前端用什么框架好些?

他们通过k-means 聚类算法将 18 个架构的数据传输大小分为 5 类。

架构的特点能用来说明为什么它的数据传输大小能达至这么小:

Svelte 自称”神奇的即逝UI 架构“,将 API 编译成最优化的 JavaScript。Stencil 的运行时只有 6KB,并能编译成 Web 组件。AppRun 和 HyperApp 的体积十分小(分别为 3KB 和 1KB)。Dojo 前段时间推出了自动代码拆分特性,并针对 PRPL 操控性模式展开了优化。Elm 0.19 针对资产文件展开了优化。

后端架构的繁荣促成了基准测试的盛行,这些基准测试旨在通过各种有意义的方式对架构展开比较。基准测试涉及的架构可能是各种各样的,具体取决于要比较哪些方面的文本、基准测试的方法和相关性以及平均分的算法。但是,在选择后端架构时,还是要展开全盘考虑,包括产品质量和数量方面的分项。

作者:Bruno Couriol

最后送你两个福利~199技术学习大礼包限时放送

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务