前端框架Benchmark 2019:Vue表现怎么样?

小型全栈式 App RealWorld Conduit 最近更新了其基准测试结果。这款 App 分别采用 18 个不同的前端框架构建,并对它们进行了比较。结果显示,18 个框架当中有 13 个获得了顶级的 LightHouse 的分数(也就是在总分 100 分的情况下获得 90 以上)。在这 18 个框架当中,Svelte、Stencil、AppRun、Dojo、HyperApp 和 Elm 的网络传输负载最低(低于 30KB)。

自称为”演示 App 之母“的 Conduit 是对 Medium.com 的全栈式克隆,采用了一组 API 规范,并带有具备真实世界复杂性的功能。RealWorld 项目核心维护者 Eric Simons 解释说:

它就像是 TodoMVC,只是使用全栈技术实现。RealWorld 向大家展示了如何使用 React/Angular 等框架在 Node/Django 等平台上构建真实的博客平台。开发者可以把它们混合起来,因为它们都遵循相同的 API 规范。

RealWorld 基准测试始于 2017 年,最近更新了针对使用 18 个不同前端框架实现的 Conduit 的评估结果。2019 年的基准测试排名主要关注这三个方面:性能、大小和代码量。

性能分数是通过 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,Vue为41.8K,排第7位:

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


Svelte 自称为”神奇的即逝 UI 框架“,将 API 编译成最优化的 JavaScript。

Stencil 的运行时只有 6KB,并可以编译成 Web 组件。

AppRun 和 HyperApp 的体积非常小(分别为 3KB 和 1KB)。

Dojo 最近推出了自动代码拆分特性,并针对 PRPL 性能模式进行了优化。

Elm 0.19 针对资产文件进行了优化。







版权所有,转载注意明处:中华软件库-优质资源分享网 » 前端框架Benchmark 2019:Vue表现怎么样?

版权所有:《中华软件库-优质资源分享网》 => 《前端框架Benchmark 2019:Vue表现怎么样?
除非注明,文章均为 《中华软件库-优质资源分享网》 原创,欢迎转载!转载请注明本文地址,谢谢。




Schwab Clever Portfolios invests in Schwab ETFs.
DY 3周前 (2019-05-27) 回复
All sorts of investments include sure risks.
NP 3周前 (2019-05-27) 回复
Thank you for sharing your thoughts. I truly appreciate
your efforts and I will be waiting for your next write ups thank you once again.
NG 3周前 (2019-05-27) 回复
Good article. I am going through a few of these
issues as well..
DC 3周前 (2019-05-27) 回复
Schwab Intelligent Portfolios invests in Schwab
SR 3周前 (2019-05-27) 回复
This blog was... how do you say it? Relevant!!
Finally I have found something which helped me. Many thanks!
YS 3周前 (2019-05-26) 回复
Think about investments that offer rapid annuities.
BD 3周前 (2019-05-26) 回复
That is true for funding advice as properly.
EG 3周前 (2019-05-26) 回复
Yes! Finally something about ig.
LQ 4周前 (2019-05-25) 回复
Thanks for finally writing about >前端框架Benchmark 2019:Vue表现怎么样? - 中华软件库-优质网
<Liked it!
YH 1个月前 (2019-05-08) 回复
I truly love your website.. Great colors & theme. Did you make this website yourself?

Please reply back as I'm looking to create my own personal blog and would like to know where you got this from or
just what the theme is named. Thank you!
HA 1个月前 (2019-05-07) 回复
Hello! I've been reading your web site for a while
now and finally got the courage to go ahead and give you a shout out from
Huffman Texas! Just wanted to tell you keep up the fantastic
DW 1个月前 (2019-05-07) 回复
Доброго времени суток товарищи<a href=中华软件库,依辰,634800394vika-service.by/>!</a>
Наша контора занимается свыше 10 лет ремонтом и обслуживанием оргтехники в городе Минске.Основные направления и виды нашей деятельности:

1)<a href=中华软件库,依辰,634800394vika-service.by/>Заправка и восстановление картриджей</a>

2)<a href=中华软件库,依辰,634800394vika-service.by/>Ремонт и сервис оргтехники</a>

3)<a href=中华软件库,依辰,634800394vika-service.by/>Ремонт и настройка компьютеров и ноутбуков</a>

4)<a href=中华软件库,依辰,634800394vika-service.by/>SEO продвижение сайтов</a>

5)<a href=中华软件库,依辰,634800394vika-service.by/>Разработка сайтов</a>
Всегда рады помочь Вам!С уважением,ЧУП ТЕХНОСЕРВИС ВИКТОРИЯ.

Serviceqfd 1个月前 (2019-05-06) 回复
Hello there! I could have sworn I've visited this web site before but after going
through a few of the articles I realized it's new to me.
Anyways, I'm definitely delighted I found it and I'll be bookmarking it and checking back often!
CZ 1个月前 (2019-05-06) 回复
It's nearly impossible to find experienced people about this subject,
but you sound like you know what you're talking about!

DC 1个月前 (2019-05-06) 回复
Thank you a bunch for sharing this with all people you really realize what you are speaking approximately!
Bookmarked. Please additionally consult with my website
=). We will have a hyperlink change agreement between us
PH 1个月前 (2019-05-06) 回复
Nice post. I was checking constantly this blog and I am
impressed! Very useful info specifically the last part :) I
care for such information a lot. I was seeking this certain information for a long time.
Thank you and good luck.
DL 2个月前 (2019-05-05) 回复
It's actually a cool and helpful piece of info.
I am glad that you shared this useful information with us.

Please keep us up to date like this. Thanks for sharing.
CG 2个月前 (2019-05-04) 回复
Just wish to say your article is as astonishing.

The clarity on your publish is just nice and i could think
you are a professional in this subject. Well together with your permission allow me to clutch your feed to stay up to date with imminent post.
Thank you 1,000,000 and please carry on the gratifying work.
TI 2个月前 (2019-05-04) 回复
You ought to be a part of a contest for one of the best blogs on the internet.
I will highly recommend this web site!
XG 2个月前 (2019-05-04) 回复
With havin so much written content do you ever run into any issues of plagorism or copyright violation? My blog has
a lot of exclusive content I've either authored myself
or outsourced but it appears a lot of it is popping it up
all over the internet without my agreement.

Do you know any solutions to help reduce content from being stolen?
I'd definitely appreciate it.
XC 2个月前 (2019-05-03) 回复
Greetings! I've been reading your web site for a long time now and finally got the courage to go ahead and give you a shout out from  Atascocita
Texas! Just wanted to tell you keep up the fantastic job!
AN 2个月前 (2019-05-02) 回复
We are a bunch of volunteers and starting a brand new scheme in our community.
Your website offered us with useful information to work on. You have performed a formidable task
and our entire group will likely be thankful to you.
IL 2个月前 (2019-05-02) 回复
Hi everyone, it's my first pay a quick visit at this website, and
post is truly fruitful for me, keep up posting such articles.
LW 2个月前 (2019-05-01) 回复
If you desire to increase your familiarity only keep visiting this site and be updated with the newest news update posted here.
RX 2个月前 (2019-05-01) 回复
Hurrah, that's what I was exploring for, what a data! existing
here at this blog, thanks admin of this web page.
LW 2个月前 (2019-05-01) 回复
Thanks for sharing your thoughts on 中华软件库,依辰网,软件库,软件资源网,娱乐网.

SV 2个月前 (2019-04-30) 回复
Contemplate investments that provide immediate annuities.
IH 2个月前 (2019-04-29) 回复