UI卡顿问题

1、 监测卡顿的方式

a、Xcode 层级关系是否有异常

b、 instruments 的Animation Hitch工具检测:碰到问题,录制完了无数据(用iphone7录制有数据的,iphne14录制无数据?)

2、可能导致的卡顿的原因

a、 直播广场列表一直往下刷新内存会爆掉,可能存在内存泄漏,需要进一步看看

1、 可以用内存工具检测看看有没有异常

2、 看代码里有没有循环引用(结合撒伽师兄那天给的日志)

b、 cell上的lottie动画可能导致卡顿

c、 进一步看看还有没有其他可能导致卡顿的代码

1、 阴影、圆角设置的方式

2、 离屏渲染的问题

3、 光栅化设置

4、 图片缓存占用太多内存

5、 图片是否还有压缩的空间

6、 cell上有大量的removeFromSuperView可能导致卡顿,代码可以优化(是为了避免数据重复,在prepareForReuse里使用,可以换成在这里刷新数据???)

d、 检查是否有线程不合理问题

1、 主线程耗时任务,比如调用UIGraphicsGetCurrentContext等接口在 CPU 上进行绘制计算

2、 主线程等待繁忙的子线程或低优先级的后台线程任务而导致阻塞

3、 主线程等待系统资源,比如使用Data(contentsOf:)进行 IO 读取等

问题记录

1、preview类型数据没有自测过,记得mock数据自测

2、有recommend的数据也没自测过

待解决的问题

1、找到检测卡顿的工具 ------ instruments的animation hitch可以录制了

新发现

1、同一父视图重复调用addSubviews添加同一个View并不会产生多层级

重构心得

1、 抓住主要问题,先重构大量removeFromSuperView问题

2、 从最上层开始重构,重构玩一个单元,进行一次自测

3、 从关键方法入手分析

后记

卡顿分析相关参考文档

Instruments性能检测

https://www.jianshu.com/p/9e94e42cfb01

Animation Hitch:

https://www.jianshu.com/p/158a8497fe1c

https://juejin.cn/post/7231731488928399415

https://zhuanlan.zhihu.com/p/428971055?utm_id=0

iOS卡顿检测:

https://www.jianshu.com/p/ee62bbf38559

UICollectionView复用:

https://www.jianshu.com/p/5d817ea3565d

https://www.jianshu.com/p/e55178fd1e7f

dispatch_sync_on_main_queue:

https://www.jianshu.com/p/b3227582037d

相关推荐
ZC跨境爬虫2 小时前
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)
前端·javascript·ui·html·交互
Ulyanov5 小时前
《PySide6 GUI开发指南:QML核心与实践》 第十篇:综合实战——构建完整的跨平台个人管理应用
开发语言·python·qt·ui·交互·qml·雷达电子战系统仿真
Aotman_5 小时前
Element UI 表格搜索高亮
前端·javascript·vue.js·ui·elementui
久爱物联网6 小时前
【WinForm UI控件系列】散点图/折线图控件 (支持数值型、时间型、字符串型)
ui·winformui控件·c#控件ui·桌面应用ui控件·gdi绘制控件·散点图曲线图控件·时间型曲线图
RReality7 小时前
【Unity Shader URP】屏幕空间扭曲后处理(Screen Space Distortion)实战教程
ui·unity·游戏引擎·图形渲染·材质
Ulyanov7 小时前
《PySide6 GUI开发指南:QML核心与实践》 第八篇:性能优化大师——QML应用性能调优实战
python·qt·ui·性能优化·qml·系统仿真
报错小能手8 小时前
Swift UI 框架 实战 简易计数器、待办清单 、随机壁纸图库、个人笔记
ui·ios
ai_coder_ai8 小时前
自动化脚本ui编程之flexbox布局
ui·autojs·自动化脚本·冰狐智能辅助·easyclick
ZC跨境爬虫10 小时前
UI前端美化技能提升日志day6:(使用苹果字体+计算样式对比差异)
前端·javascript·css·ui·状态模式
Ulyanov21 小时前
《PySide6 GUI开发指南:QML核心与实践》 第二篇:QML语法精要——构建声明式UI的基础
java·开发语言·javascript·python·ui·gui·雷达电子对抗系统仿真