为了提高应用的加载性能，另一个指针可以使用webpack中的code splitting feature。
或者，您甚至可以考虑使用基于React的框架（如nextjs或gatsby）进行服务器端呈现

你可以增加你的应用程序，当然有一些方法可以遵循
1.我们必须使用React Js最新版本或以上16
1.我们必须删除组件中不需要的导入
1.使用shouldComponentUpdate（），我们必须控制呈现方法，如果必要，则只呈现组件
1.组件可重复使用
1.使用惰性加载概念，我们可以提高性能

我解决了这个问题，

• React的lazy和suspense模块。
• 将这些模块直接用于路由，以便为每个路由创建一个单独的块。
• 尝试重用大部分用户界面组件，以减少块大小。
• 删除了不需要的软件包、代码、css

为了获得性能优势，

• 对于功能组件，我使用React的memo、useMemo、useCallback模块。
• 对于类组件，我使用shouldComponentUpdate或React.PureComponent。

对于我自己设置的没有create-react-app或vite的项目，我使用webpack配置进行代码拆分。
我为此写了一个小博客，大家可以看一下。