React Native如何做性能优化
2023-09-27 14:22:49 时间
和原生开发相比,React Native 最明显的不足就是页面的渲染速度,比如页面加载慢,渲染的效率低等。对于这些问题,都是开发中常见的问题,也是使用React Native 开发跨平台应用时必须优化的点,由此引入一个问题,React Native的性能优化究竟应该如何做?
相信对于这个问题,大多数人第一眼看到后都是很懵逼的。因为大多数人除了业务开发之外,对于React Native原理性的东西都了解甚少。其实,经过我们多年的经验,一个未经优化的 React Native 应用,从大体上讲可以分为 3 个瓶颈:
当然,RN的性能优化包括JavaScript 侧和原生容器的优化。不过,我们今天我们主要站从客户端角度进行优化。
一、React Native 环境预创建
在 最新的React Native 架构中,Turbo Module (新架构下的通信方式)是按需加载,而旧框架则是在初始化的时候把Native Modules一股脑的加载进来,同时 Hermes 引擎放弃了 JIT,在启动速度方面也有明显提升。如果对React Native新架构感兴趣的同学,可以参考:React Native新架构。
抛开这两个版本在框架方面的优化,在启动速度方面,我们还能做些什么呢?首先ÿ
相关文章
- 高并发场景下机器性能优化sop
- 热点技术:React性能优化总结
- React性能优化:immutability-helper
- web性能监控与分析
- MNS client性能提升1000+倍的方法
- React Native如何做线上错误与性能监控
- 关于React Native项目在android上UI性能调试实践
- 【涨薪技术】0到1学会性能测试 —— LR录制回放&事务&检查点
- Linux服务器性能监控利器 —— Nmon实战
- 在做性能测试之前需要知道什么?看了这个你就知道了
- Power BI性能优化技巧-第1部分
- 思科HyperFlex性能为第一代行业解决方案的三倍
- react-函数组件的性能优化突破口
- react:性能优化-shouldComponentUpdate(SCU)
- Android性能调优篇之探索垃圾回收机制
- 浏览器渲染过程与性能优化
- 【Android 性能优化】布局渲染优化 ( GPU 过度绘制优化总结 | CPU 渲染过程 | Layout Inspector 工具 | View Tree 分析 | 布局组件层级分析 )
- 2019-11-29-C#-直接创建多个类和使用反射创建类的性能
- 21 个 React 性能优化技巧
- React组件性能调优
- React性能优化——工具篇
- 【react框架】利用shouldComponentUpdate钩子函数优化react性能以及引入immutable库的必要性
- React-Native通用化建设与性能优化
- 【web性能】获取web各个阶段响应时间:服务器响应时间、首页白屏时间、dom渲染完成时间等