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/