ios - React Native - 改善冷启动时间

Question

我正在做的项目是使用 React Native 创建一个 iOS 应用。

以下是 iPhone 5S 发布版本的冷启动时间

Pre-main time: 0.52 seconds

App did launch to javascript did load time: 2.12 seconds

JS render time: 0.74 seconds

Total time: 3.34 seconds

最慢的部分是等待 react 库加载 js 包 (2.2MB)。加载时间看起来正常吗？如何改善 js 包加载时间？非常感谢。

减少 js 包的大小可以缩短从应用程序启动到 javascript 加载的时间。对于一个新的 Hello World 项目，只用了 0.18-0.19 秒(iPhone 5S)。

Answer 1

是的，您描述的问题确实存在。作为一种可能的解决方案，您可以使用 metro bundler 提供的 ram-bundle 格式。

在这种情况下，您不会加载整个 js-bundle - 您将只加载启动时需要的部分(在很多应用程序中有很多地方，用户甚至可能看不到，并且此功能允许您仅在需要时加载此类部件)。所以你可以简化你的入口点并只加载你的包的一小部分。

可以看看react-native-bundle-splitter .该库与几乎所有流行的导航库完美集成，并允许您推迟加载特定路线。例如，如果你有一个登录屏幕，你可以在启动时只加载这个屏幕，所有其他屏幕在后台加载或开始加载它们，只有当用户可以看到它们时。并且您的复杂应用程序的启动时间几乎与“Hello world”应用程序相同。