React-Native 中的高 CPU 使用率

Posted 2023-02-16

【中文标题】React-Native 中的高 CPU 使用率

【英文标题】：High CPU Usage in React-Native

【发布时间】：2019-04-17 20:01:26

【问题描述】：

我正在努力减少 RN 应用的 CPU 负载。我已经将应用程序构建到一个设备上，在发布中，并从项目中修剪了控制台日志。即使在执行此操作后，该应用的 CPU 使用率仍然在 33% 左右，而且大部分时间都是在空白屏幕上。

有趣的是，有时，大约在 6 分钟后，CPU 会释放并下降到 3-4%。我怀疑已经完成了一个很长的循环，但我找不到它。

我在 Xcode 的 Instruments 中运行了这个应用程序，它只在 ios atm 上运行，发现了一些有趣的东西。从外观上看，它已经进入了来自UVVideoRecorder 的[CALayer renderInContext] 的长链。我不熟悉UVVideoRecorder，很想听听人们可能有的任何想法。

Call Stack + Threads

【问题讨论】：

你找到解决办法了吗？

【参考方案1】：

我建议使用Why Did You Render，这将帮助您跟踪每个组件重新渲染的时间和原因......从而捕获不必要的重新渲染以优化它......

【参考方案2】：

我认为分析可以帮助您解决这个问题。您可以并排获取有关在 javascript 线程和主线程中完成的工作的详细信息。

React Native 中的分析 - https://reactnative.dev/docs/profiling