和原生开发相比,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新架构。
抛开这两个版本在框架方面的优化,在启动速度方面,我们还能做些什么呢?首先ÿ
本文同步分享在 博客“xiangzhihong8”(CSDN)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。