衡量 React Native 应用程序的性能

2023-12-26

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

我在谷歌浏览器中尝试了谷歌跟踪,并在 iOS 平台的 mac 中尝试了 Instruments,但这些显示了很多无组织的数据。


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

1) (反应加速器)https://github.com/infinitered/reactotron https://github.com/infinitered/reactotron

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

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

这个工具告诉你有关框架、实例等的信息。这是一个反应工具,可以与反应本机集成。

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

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

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

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

注意:上述工具用于监控 javascript 性能,例如渲染组件所花费的时间,redux 中的哪个操作正在常规操作流程之间进行。

干杯:)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

衡量 React Native 应用程序的性能 的相关文章

随机推荐

  • 如何在Intellij IDEA 13.1中创建具有Maven结构的Spring MVC应用程序?

    我想创造新的春季MVC项目于Maven结构使用Intellij IDEA但不能那样做 实际上我想创建像这样的项目mkyong com http www mkyong com样品 例如this http www mkyong com spri
  • Android OpenGL ES 以宽高比全屏显示图像

    我想在我的 OpenGL 应用程序中全屏显示图像而不丢失其纵横比 我知道我可以将图像作为纹理绘制到 立方体 或二维平面上 但当我只想显示二维图像时 我不确定这是否真的是最好的方法 特别是因为我希望该图像全屏显示而不丢失其纵横比 我知道使用
  • new 不分配内存

    这应该会每秒填满我的内存 100 MB 左右 我使用 gnome systemmonitor 和 htop 跟踪内存使用情况 但不知怎的 事实并非如此 为什么 include unistd h include
  • 仅在完成加载后显示所有图像[重复]

    这个问题在这里已经有答案了 In div img src images 1 jpg img src images 2 jpg img src images 3 jpg img src images 4 jpg img src images
  • 不兼容的类型:推理变量 T 具有不兼容的边界[重复]

    这个问题在这里已经有答案了 我有下面的代码 public int solution int X int A List
  • 谷歌字体 Rubik 无法使用,或者我错过了什么?

    我在网站上使用 Google 的 Rubik 字体 仍在进行中 它 突然停止显示任何文本 似乎即使在 Google Font 网站上 该字体也无法正常工作 他们所有的设备和仪器都活着 在魔方下方没有显示 但如果你检查它 它就在那里 还有其他
  • CORS 播放框架

    我正在 Play Framework 2 5 Java 后端开发 Angular 2 应用程序 如果我通过浏览器 URL 访问我的端点 它们就可以正常工作 但是 从 Angular 2 应用程序调用它会显示错误 XMLHttpRequest
  • 有没有办法跟踪扩展的资源使用情况?

    我通过 GitHub 和 Google 搜索注意到很多人都有和我类似的问题 vscode 挂起 除了文本编辑器之外 什么都不起作用 有时除了调试之外一切都有效 像往常一样 禁用所有扩展使其可以完美运行 检查开发者工具 我注意到 Extens
  • HSQLDB ROWNUM 与 Oracle 的兼容性

    THe HSQLDB 变更日志 http hsqldb org doc 2 0 changelist 2 0 txt指出ROWNUM 被添加到v2 2 0在针对内存 HSQLDB 运行集成测试时 我使用它没有任何问题 但是 我想对真实的 O
  • 未捕获的类型错误:对象 [object Object] 没有方法“on”

    谁能帮我解决这个问题 当我使用最新 或较新 版本的 jQuery 时 下面的小脚本可以正常工作 但是 当我使用旧版本的 jQuery 时 我的脚本显示on函数不存在 这是我的脚本 不适用于旧版本的 jQuery document ready
  • C# json 到数组调试“应用程序进入中断模式”

    我想将 json 转换为数组 但当我尝试调试模式时 我得到 应用程序进入中断模式 并且如果我尝试运行它 程序就会冻结 我用的答案是将 json 转换为 C 数组 https stackoverflow com questions 95865
  • Javascript / jQuery 粘性,不使用 css 位置:固定

    我正在寻找一个用于粘性标题的 Javascript jQuery 插件 它不会将元素的样式切换到固定位置 通常 我正在使用这个http stickyjs com http stickyjs com 而且效果很好 我正在开发一个带有 jQ u
  • 如何忽略大文件并推送到 git repo

    之前我本地使用的是git 没有使用 gitignore然后 我创建了一个 gitignore文件 并将所有不需要的文件写入其中 当我将它们推送到 git repo 时 出现 fatal The Remote endhanged Outsta
  • 如何将一个 DataFrame 列转换为包含基于另一个 DataFrame 的列的真值表?

    我有一个df with a user id and a category 我想将其转换为真值表 以确定该用户是否至少有一个该类别的条目 但是 最终表还应包括 df list 中出现的所有类别的列 这些列可能根本不会出现在df 现在我用一个创
  • 在javascript中求10的幂,还有比这更好的方法吗

    我需要创建一个特定幂的整数值 这不是正确的术语 但基本上我需要创建 10 100 1000 等 幂 将被指定为函数参数 我想出了一个解决方案 但它感觉很老套而且错误 我想学习一种更好的方法 如果有一种方法 也许不是基于字符串的方法 此外 e
  • javascript退出for循环而不返回

    我有一个 for 循环 我想像这样退出 function MyFunction for var i 0 i lt SomeCondition i if i SomeOtherCondition Do some work here retur
  • 如何在palm mojo中使用jquery?

    我该如何才能在我的 palm mojo 应用程序中使用 jquery 查看这个问题 https stackoverflow com questions 1545773 palm pre frameworks 尤其是评论 编辑回应评论 我对P
  • 是否可以匹配React Router 4中路由的#部分

    在我的应用程序中 我想将路径和哈希与不同的组件相匹配 例如 pageA modalB 将显示 PageA 作为主页 模态 B 位于顶部 我尝试了以下方法 其中包含路径属性的许多变体
  • 无法从 Listvew.Resources 内部访问视图模型属性

    我正在尝试将 SelectedItem 绑定到视图 但是当视图位于资源块内时 视图无法访问视图模型 当数据上下文重新分配给子级时 绑定适用于文本块 但不适用于用户控件 NoteView 我是否缺少任何绑定 PFB 修改了 整个 代码和内联注
  • 衡量 React Native 应用程序的性能

    我需要测量 React Native 应用程序的性能 最好的工具是什么 我在谷歌浏览器中尝试了谷歌跟踪 并在 iOS 平台的 mac 中尝试了 Instruments 但这些显示了很多无组织的数据 我实现了一些工具来帮助我检查应用程序的性能