直播广场卡顿测试
单元模块排除法找出引起掉帧的主要因素
场景:
1、往下拉
2、往上(回)拉
前提:注释播放器play和stop逻辑;注释起播加速;
1、注释topview所有组件,只留下bottomview
测试滑动效果:
往下滑动时,仍然会掉帧
网上滑动,不掉帧
结论:
1、可能商品图片加载引起掉帧
2、加载新数据引起掉帧
进一步测试:注释商品图片加载代码
测试滑动效果:
往下滑动加载新数据,还是会有些许掉帧 ------ 加载新数据有可能存在阻塞主线程的方法
往上滑动不掉帧
2、 放出_introView(图片和渐变背景先隐藏)
测试滑动效果:
往下滑动,加载新数据有些掉帧;
往上滑动,基本不掉帧;再次往下滑动,也基本不掉帧了;
3、 放出tagview(lottie先隐藏)
测试滑动效果:同上
4、 放出tagview的lottie
说明:
1、 lottie的url从config server取的,初始化控件的时候取一次
2、 lottie的创建(调用框架的方法,异步获取, 并开启了缓存(降级场景只能取到静态图?))
测试滑动效果:同上
5、 放出_introView的渐变背景
测试滑动效果:同上
6、 释放封面图预加载代码
测试滑动效果:同上; 感觉往下加载新数据时,卡顿更严重一些,等分析加载新数据卡顿原因时再进一步分析;
7、 释放goodsview图片
测试滑动效果:同上;
8、 释放_introView图片加载
测试滑动效果:
往下加载新数据会掉帧;
往上滑动也出现了偶尔掉帧;
9、重新隐藏_introView图片加载再测试一遍
测试滑动效果:往回拉时基本不掉帧。
得出结论:同时只显示一张图片时,往回拉基本不掉帧。增加一张图片往回拉出现掉帧。
10、只加载封面图,隐藏其他图片加载
测试滑动效果:同2
11、释放_introView图片加载
测试滑动效果:掉帧不明显
12、释放goodsview图片加载
测试滑动效果:往回掉帧
13、goods和intro的图片都预加载
Goods预加载前224b -> 预加载 14b
Intro预加载前104b -> 预加载 8b
问题:预加载两次,调查一下原因
接下来,逐步分析加载新数据掉帧原因
方法:从日志台打印的关键日志入手,找到往回拉和往下拉日志差别;找到了didTriggerPaging方法;从这个方法入手终于揪出了两个主线程耗时方法
1、addCardInstances 耗时20多ms
2、preHandleCardInstances 平均耗时4~6ms
记得看下预览的cell是否有离屏渲染问题