React 19更新引发性能争议

文章概述了React 19发布候选版带来的一个意外后果，该后果对网站性能产生负面影响。知名JavaScript库React，在更新到19版本时，因一项改变引起开发者圈的热议。这项更改与Suspense组件有关，导致数据请求从并行转为串行执行，从而可能减慢依赖React构建的网站速度。

核心问题：Suspense并行请求转串行

• React 19中，官方团队无意间禁用了在同一Suspense边界内的兄弟组件并行渲染，改变了先前React 18的并行处理数据请求的方式。这意呀着在新版本中，多个数据请求将按顺序执行，而非同时，可能导致整体加载时间增加。

开发者反应强烈

• 开发者社区对此反响强烈，多名高级工程师和开发者在社交媒体上表达了他们的担忧和不满，指出这一改动可能对现有应用造成不利影响，尤其是对使用react-query等数据管理工具的应用程序。

实验证明性能下降

• 一些开发者通过实际测试，如matiasngf在特定项目中升级至React 19后发现，模型加载时间显著增加，证实了性能上的退步。

Suspense组件简介

• 文章解释了Suspense的重要性和作用，它是React提供的处理异步操作的关键组件，允许在内容未准备好前显示占位符内容，提升用户体验。然而，此次更新对Suspense在数据加载策略上的调整未得到广泛理解前就引发了实际应用中的问题。

总结

总之，React 19的这一更新虽然旨在优化某些方面，但未预期的副作用揭示了一个关键点：即便是微小的API行为改变也可能对广泛的Web应用性能产生重大影响。开发者们呼吁对于此类改变应更加谨慎，并希望找到解决方案以减轻对现有项目的负面影响。