React Native如何做性能优化

原创
2022/06/18 05:57
阅读数 164
AI总结

和原生开发相比,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源创计划”,欢迎正在阅读的你也加入,一起分享。

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
AI总结
返回顶部
顶部