React Native 性能优化

自己使用 RN 已经很长时间了,但是对于 RN 的了解却不够深入,接下来一段时间会多关注性能优化相关的知识

课程: https://www.youtube.com/watch?v=NdUg_hjI30w

加载方式

Native端:Native init 与 JS init

JS端:Fetch Data, JS Render

Native: Native Render

启动流程

问题:

  1. ViewList

Native端 优化

预加载

具体实现:

增量更新

分包

具体架构:

JS端优化

加载速度快

本地缓存

缓存同时也能实现数据复用

非首屏异步加载

通过 Hack 的方式,使得原有需要5个节点的轮播图,改为只创建3个节点。

通过3个节点,模拟出轮播图的效果

滚动优化

ListView配置

体验优化

目的是为了,点击时按钮先出现点击效果,然后在下一帧执行一些耗时的操作。

视觉优先

性能与可控性强

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章