衡量React Native应用程序的性能

时间:2017-04-30 00:30:32

标签: performance react-native

我需要衡量React Native应用的性能。什么是最好的工具?

我在谷歌浏览器中尝试google trace,在iOS平台上尝试使用Google软件,但这些显示了很多无组织数据。

1 个答案:

答案 0 :(得分:7)

我实现了一些帮助我检查应用程序性能的工具,下面是工具列表:

1)(reactotron)https://github.com/infinitered/reactotron

这是获取应用程序日志的最酷方式(redux操作等),我已将此工具集成到我的项目中,以防您需要任何帮助,请随时询问。

2)https://facebook.github.io/react/docs/perf.htmlreact-addons-perf

这个工具告诉你关于帧/ s,实例等的信息。这是一个反应工具,它可以与react native集成。

  

使用内置的Profiler获取有关完成工作的详细信息   在JavaScript线程和主线程并排。

     

对于iOS,Instruments是一个非常宝贵的工具,在Android上你应该这样做   学习使用systrace。

     

您还可以使用react-addons-perf来深入了解React的位置   在渲染组件时花费时间。

     

另一种分析JavaScript的方法是使用Chrome分析器   调试。在代码运行时,这不会给您准确的结果   在Chrome中,但会让您大致了解瓶颈可能出现的位置   是

注意:以上工具用于监控javascript性能,例如渲染组件所花费的时间,redux中的哪些操作介于常规操作流之间。

干杯:)