2023 年 Web 框架性能报告( 三 )


JavaScript 大小影响本文最后要探索的一件事是在实际使用中框架选择、性能和总 JavaScript 大小之间的关系 。最快的框架往往是那些向客户端发送最少 JavaScript 的框架吗?

2023 年 Web 框架性能报告

文章插图
JavaScript 的中位数 KB 与通过 CWV 的站点百分比
数据的趋势很明显:具有较少 JavaScript 的网站往往表现更好 。然而,有太多因素在起作用,无法将这种趋势与 Web 框架本身的选择联系起来 。某些框架可能会以不同于其他框架的方式鼓励/阻止 JavaScript,在得出任何结论之前还需要进行更多的研究 。
方法论和局限性该报告是根据几个公开可用的数据集编制的 。由于容量限制,分析只查看每个跟踪网站的主页 。此限制的一个好处是每个分析网站的目的和用例差异较小 。然而,一个缺点是这也意味着内部页面(如 /about 和 /admin/... pages)和它们使用的技术未被分析,因此被排除在分析之外 。
本报告中未探讨的另一个限制是框架的年龄对测量的网络性能的影响 。本文测量的旧框架(Gatsby、Next.js、Nuxt)有更长的遗留网站运行旧版本的框架,这些旧版本包含在数据集中 。这造成了一种情况,即只有较新的框架(Astro、Remix、SvelteKit)可以假设在过去 1-2 年内运行其软件的更现代版本,这是现有数据的局限性 。
参考资料[1]Chrome 用户体验报告 (CrUX) : https://developer.chrome.com/docs/crux/
[2]HTTP Archive: https://httparchive.org/
[3]Core Web Vitals 技术报告: https://discuss.httparchive.org/t/new-dashboard-the-core-web-vitals-technology-report/2178
[4]https://astro.build/blog/2023-web-framework-performance-report/




推荐阅读