React Native 性能优化

发布时间:2021-10-17 22:24:24

以下观点是对腾讯技术分享大会的提到的优化方式进行总结并加以个人理解


一. JS方面优化,目的是为了让加载更快,滚动更流畅,响应更灵敏


? ? 1.加载速度方面,主要解决数据加载的问题。第一个方式是进行数据缓存。第二个是减少数据的请求,这个可以通过数据复用来解决,比如组件之间通过数据交互减少对数据的请求。第三个是异步加载


? ? 2.滚动方面主要是列表的滚动优化,第一种方式是在通过组件钩子函数在页面渲染前判断是否需要进行更新,避免造成不必要的性能浪费。第二种是ListView组件,官方提供了一些优化方法,比如减少首次渲染的行数,使用户更快的看到数据,确定没帧渲染的行数,超出屏幕外的数据进行处理等等


? ? 3.响应速度方面,主要解决导航跳转响应慢,触摸反馈速度慢的问题。第一种方式是通过动画来解决。怎么解决呢,其实就一个思路,在进行复杂的逻辑处理前,优先播放动画。第二种方式还是渲染前规避掉不必要的渲染,比如进行一个按钮点击更换背景色的操作,虽然只是更新按钮的背景色,但是依然会受到整个组件的数据影响,这个时候把不必要的渲染去掉会大大提升响应速度。规避的方式还可以通过单独剥离按钮,把颗粒度尽量减小。第三种方式是通过refs直接操作DOM,不走rn的渲染流程




二. native端的优化


? ? 主要是jsbundle文件装载的时间过长导致的问题,所以这里又两个方向,第一个是减少装载时间,第二个是减小jsbundle的体积。减少装载时间,可以通过缓存jsbundle文件提示速度。也可以提前装载,适用于原生嵌RN的APP使用。减少体积的方式也有两种,第一个是增量更新,第二个是分包,jsbundle里分成两个部分,第一部分是rn自带的base,第二部分才是业务代码biz,分成两块后只需更新biz的代码即可

相关文档

  • 能让好友炸评论的说说36句
  • 夏朝经历了多少年夏朝时制定的历法称为什么
  • 邀请函的写作格式
  • iOS Extension(应用扩展)-----Widget开发(附Demo)
  • 写童年的读书笔记
  • 天上是不会掉馅儿饼的美文
  • 建立巨灾保险制度
  • 幼儿园汇演园长讲话
  • 江苏高考精选:水边的女人
  • C语言中内存分布及程序运行中的BSS段、数据段、代码段、堆和栈
  • 探探活跃时间说明什么
  • “2020年学生会委员开展计划”学生会工作计划
  • 任天堂起诉Switch破解工具零售商 每单索赔近18000元!
  • 给男朋友2.14情人节祝福语
  • 海洋公园游记500字
  • word怎么创建创意的三十二角星形?
  • 公司年会晚会开幕词
  • 第4课日本明治维新教案_日本明治维新历史教案
  • 连云港有什么好玩的地方花费怎么样
  • 财务管理法规内容
  • 在哪里设置QQ输入法
  • 长寿花有毒吗
  • egret打包微信sdk直接挂
  • 海水资源的开发利用开发利用金属矿物和海水资源高一下册化学教案
  • 劳动法规定产假多少天最新
  • 医院院感科年终述职报告范文
  • 海底椰到底是植物还是动物煲好汤后的海底椰能吃吗
  • 制定用英语怎么说
  • 简历自我评价范文
  • 安放的同义词
  • 猜你喜欢

  • 自然码用户从DOS转到Windows的几个问题
  • 【参考文档】中考物理答题技巧归纳(实验题)-word范文 (2页)
  • 论中国手机游戏的发展前景_张天翔
  • 【精品文档】工厂员工辞职申请书范文word版本 (4页)
  • 原发性痛风诊治指南解读ppt课件
  • 发展学生智力,培养学生能力
  • 手机号码注册了抖音可以注销吗
  • 【整合】化学【优选资源】高考化学二轮总复*课件:有机化合物的命名专题练*3 (共37张PPT)
  • web一句话木马基础题
  • 为什么三星平板电脑在充电时电池图标上会有一个叉
  • 宜宾海昌旅游出租汽车公司企业信用报告-天眼查
  • 我们美丽的家乡
  • 牛年最新干货!字节/阿里/腾讯Java技术经验面经总结
  • 医学生医德意识教育问题分析及对策-最新教育文档
  • 电工班新员工的三级安全教育试卷
  • 五年级英语下册期中检测考试题7(冀教版)【精校】.doc
  • 三星s8基带版本查询
  • 北京市第四住宅建筑工程公司劳动服务公司利群食品商店企业信用报告-天眼查
  • 2018重庆选调生考试申论范文:师资均衡是城乡教育一体化的关键
  • 大庆市初中统考2019年八年级上学期数学期末教学质量检测试题(模拟卷一)
  • 原创夏至小清新宣传策划经典创意高端动态PPT模板
  • 初二英语期中试题02
  • 河池市丰源电器贸易有限公司(企业信用报告)- 天眼查
  • xxx年县政府全体会议暨党风廉政建设工作会议县委常委讲话稿
  • 家常小菜大赏:五花肉配鱿鱼,不一样的美味推荐
  • Leetcode 90. Subsets II 子集2 解题报告
  • 【Linux】 Centos7 NC探测端口命令
  • 【优质文档】北师大版二年级上册语文教案《书的世界》教学设计之二-推荐word版 (2页)
  • 欧菲光:中国证监会关于核准公司首次公开发行股票的批复 2010-07-13
  • 班主任工作经验交流
  • 老年人常见健康问题与护理周薇
  • 幼儿园大班语言美丽的公鸡说课稿
  • 执业药师西药药物分析:药物分析的基础知识
  • *面汇交力系课件
  • 2014年高考大纲解读(新课标卷):英语
  • vba提取word表格内容
  • 沈阳航空航天大学课堂教学评价表
  • (全国通用)2018年高考生物总复习《生态环境的保护》专题演练(一)
  • 锻造比对模具钢性能的影响
  • 猪五花肉粉蒸肉
  • 人鬼情未了——浅析《牡丹亭》中的爱情模式及其文化成因
  • 抗肿瘤药抗肿瘤药PPT课件
  • 电脑版