LazyColumn 是 compose 中用来实现类似 RecyclerView 效果的控件 ,但是大家都说LazyColumn性能比RecyclerView差太多,毕竟 RecyclerView google优化了十多年了,比RecyclerView差一点也正常,今天我们就用实际数据来对比LazyColumn和RecyclerView,看看后起之秀Compose LazyColumn 对比下老大哥RecyclerView差在哪里( Flutter列表控件就不拿来比了,绝对比不过这两个)。首先我们得知道流畅性的评判标准。
流畅性评判标准
业界常用 FPS (每秒渲染的帧数)来评测流畅性 , FPS 越高界面越流畅 。 现在屏幕刷新率大部分都为120hz, 所以1/120 约等于8.3ms毫秒屏幕刷新一次,60hz屏为16.6ms。我们可以根据LC和RV 快速滑动时,监听滑动开始和结束,去统计这个时间段两者的渲染帧数和渲染总耗时来评判两者的性能。
好了理论说完了,解下来就是写代码实操了,实践出真知,数据才能证明一切,Talk is cheap. Show me the code 。
准备数据
为了简洁起见,以下将LazyColumn简称LC, RecyclerView 简称RV 。
为了公平起见,我们统一在LC 和 RV 填充一样都的数据 ,列表大小都为200个,都用系统提供的控件,LC 用 Text ,RV 用TextView ,Text 和 TextView 高度颜色文本都一致。如下
帧率统计相关代码如下
界面开始滑动时开始统计 , 结束滑动时打印渲染的帧数和时间差。好了到了令人激动的PK环节了,两者的操作都是先开始快速下划,到达底部后快速上划 ,循环几次这样操作来看数据。
至于使用都是官方示例使用,不存在因为使用的问题影响结果吧?
第一回合
这一回合渲染不加Thread.sleep,就正常渲染,模拟简单列表的情况。
看数据和实际体验,就知道这一回合LC 赢了,LC渲染时间更短并且渲染的帧数更多。但实际上两者体验都不差,难分伯仲,但极快滑动的时候还是感觉略微感觉LC 体验比较好,比较丝滑。不管是不是极快滑动还是慢速滑动,RV都是差不多的时间和渲染帧数,比较稳。所以这个回合算LC赢,给LC加 10分吧。
第二回合
这一回合加个 Thread.sleep(4) 半帧,模拟电商超级app首页界面, 大量渲染的情况 。
看数据以为LC更好,但实际体验,极快速滑动情况下LC会出现极为明显的卡顿的现象,而RV不管怎么滑都还是很丝滑 ,不存在卡顿现象,所以这个回合算RV赢了,给RV加100分。
第三回合
这一回合加个 Thread.sleep(8) 一帧, 模拟极其大量渲染的情况 。
这一回合LC我实在玩不下去了,因为LC实在太卡了,掉帧很严重。测试RV后发现RV还是很流畅,但没有上一回合的RV流畅,极其快速滑动时RV能略微感到有一丝卡,但这一回合的RV性能依旧能吊打第二回合的LC 。这一回合给RV+100000分。
至于为什么复杂列表LC渲染帧数更多耗时更短,但反而更卡顿的原理,考虑文章篇幅 ,之后再写吧。
总结下
LC 和 RV 各有长短,就看我们如何去选择了,用在什么场景了。
该如何选择,相信大家看完也就知道了,复杂列表 (像电商首页那种) 是必须要选用RV 的,简单的列表可以选择LC,因为简单列表LC体验更好,更加丝滑,跟手性更好。
当然LC 还在google的优化中 , 之后的LC肯定也会和他老大哥RV 一样,不管面对什么场景都会有着更加稳定的表现。
Android 学习笔录
Android 性能优化篇:https://qr18.cn/FVlo89
Android Framework底层原理篇:https://qr18.cn/AQpN4J
Android 车载篇:https://qr18.cn/F05ZCM
Android 逆向安全学习笔记:https://qr18.cn/CQ5TcL
Android 音视频篇:https://qr18.cn/Ei3VPD
Jetpack全家桶篇(内含Compose):https://qr18.cn/A0gajp
OkHttp 源码解析笔记:https://qr18.cn/Cw0pBD
Kotlin 篇:https://qr18.cn/CdjtAF
Gradle 篇:https://qr18.cn/DzrmMB
Flutter 篇:https://qr18.cn/DIvKma
Android 八大知识体:https://qr18.cn/CyxarU
Android 核心笔记:https://qr21.cn/CaZQLo
Android 往年面试题锦:https://qr18.cn/CKV8OZ
2023年最新Android 面试题集:https://qr18.cn/CgxrRy
Android 车载开发岗位面试习题:https://qr18.cn/FTlyCJ
音视频面试题锦:https://qr18.cn/AcV6Ap