【发布时间】:2017-04-30 00:30:32
【问题描述】:
我需要衡量一个 React Native 应用的性能。最好的工具是什么?
我在 google chrome 中尝试了 google trace,在 iOS 平台的 mac 中尝试了 Instruments,但这些显示了很多无组织的数据。
【问题讨论】:
我需要衡量一个 React Native 应用的性能。最好的工具是什么?
我在 google chrome 中尝试了 google trace,在 iOS 平台的 mac 中尝试了 Instruments,但这些显示了很多无组织的数据。
【问题讨论】:
我实现了一些工具来帮助我检查应用程序的性能,以下是工具列表:
1)(反应器)https://github.com/infinitered/reactotron
这是获取应用程序日志(redux 操作等)的最酷方法,我已将此工具集成到我的项目中,如果您需要任何帮助,请随时询问。
2)https://facebook.github.io/react/docs/perf.html(react-addons-perf)
这个工具告诉你帧/s,实例等。这是一个反应工具,可以与反应原生集成。
使用内置 Profiler 获取有关已完成工作的详细信息 在 JavaScript 线程和主线程中并排。
对于 iOS,Instruments 是一个非常宝贵的工具,而在 Android 上,您应该 学习使用 systrace。
您还可以使用 react-addons-perf 来深入了解 React 的位置 在渲染组件时花费时间。
另一种分析 JavaScript 的方法是使用 Chrome 分析器,同时 调试。由于代码正在运行,这不会为您提供准确的结果 在 Chrome 中,但会让您大致了解瓶颈可能在哪里 是。
注意:以上工具用于监控 javascript 性能,例如渲染组件所花费的时间,redux 中的哪个动作介于常规动作流之间。..
干杯:)
【讨论】: