Vue 性能指标逐渐开始反超 React 了!
在之前的全球网站统计中,利用 React 构建的网站比例远大于 Vue,而随着 Vue 的飞速发展,尤其是去年发布了 Vue3 后,越来越多的人开始使用了。
那么在这种情况下,用 Vue 构建的网站比例如何了呢?除了 Vue 和 React,其它框架的占比如何?每个网站的性能又如何?
所有数据无法证明这些框架孰优孰劣,毕竟框架只是提供能力,所以比较结果仅供参考
本文数据来自于 Google Chrome User Experience Report,这是用户在使用 Chrome 浏览器访问网页时自动上报并记录的,应该还比较有权威性
前言
Chrome 所统计的网站性能指标主要来源于三个维度:
LCP[1](Largest Contentful Paint) FID[2](First Input Delay) CLS[3](Cumulative Layout Shift)

这些也是在 Google Search 中统计权重的重要指标
在 Chrome 的用户体验报告里主要统计到的前端开发框架有:Vue、React、Angular JS、Angular、Preact、Svelte、Next.js、Nuxt.js、SvelteKit ...
各大框架性能如何?
结合这三个指标,综合数据如下:


这里有个有意思的点,Preact 只有 4kb
左右,而 React 有 32kb
左右,都知道前者是后者的轻量级的替代方案,从图中数据可以看出,这两者性能差不多,甚至在 PC
端的图表数据上来看 Preact 还优于 React
再把这三个指标拆开来看看各大框架的表现情况

这个指标没什么好看的,所有的框架几乎都很完美
在业界流传着一句话:大型应用选React,小型应用选Vue
刚才看的都是统计的所有网站的数据,我们来看下网站排名前 100万 的网站数据


看这两张图表,Vue 构建的网站似乎性能都超过了 React ?
恰巧最近也看了 Vue3 的框架设计的书,真的是惊叹 Vue 框架设计的
关注公众号:拾黑(shiheibook)了解更多
[广告]赞助链接:
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

随时掌握互联网精彩
- 1 旧物换新 万亿市场添“活力” 7904206
- 2 印度警方称坠机事故有1名幸存者 7807979
- 3 幸存者跳机逃生 自行从残骸中走出 7713782
- 4 中国外贸在复杂环境中稳健前行 7619568
- 5 印度坠机事故致超290人死亡 7520976
- 6 B站崩了 7428113
- 7 网警提醒:高考后考生家长仍需警惕 7331252
- 8 坠毁客机乘客登机前发视频:再见印度 7237620
- 9 42岁百万网红“草帽姐”确诊肝病 7141826
- 10 众多明星走红毯 王子文不慎摔倒 7045056