你的列表比巧克力还丝滑般柔顺的瓶颈在于哪里?

探讨列表性能瓶颈,分析AutoLayout与离屏渲染影响,分享CMAsyncLabel异步绘制解决方案,提升用户体验。

0?wx_fmt=jpeg

         前言:当你的列表迭代了一段时间后,业务是不是越来越复杂,滑动起来是不是一顿一顿的,你是不是也按着度娘的列表性能优化一步步操作过,但效果不太明显,病症一如当初,最近我们封面团队做列表相关优化,取得不错的效果,那么今天我们一起来探讨探讨60 FPS的帧率到底是被谁吃了?谁吃了?

       

0?wx_fmt=gif

        一般而言一个产品的页面结构,主要就是列表详情列表详情,产品也会不厌其烦的往列表里塞新的Cell样式,可横向滚动的卡片,数目不定的1图,3图,4图....9图,行数不定文字内容,关键字异色的标题,定制的行间距,可随时展开收起的卡片,到了这个时候你的列表FPS应该已经掉到了50甚至更低了。

        AutoLayout 是iOS6开始引入的,记得5年前刚做iOS开发事iPhone的分辨率还只有960X640,那时在公司里做个小游戏用了高版本的API iPhone 3gs 上跑不起来,当时带我的老大晚上加班帮我适配(再次感谢我的人生导师铭爷,好吧扯远了),纯frame布局,稍复杂一点的也就百分比布局。iPhone 5出了后屏幕长了,6出来屏幕大了,6p屏幕更大,这个时候明显frame布局对于复杂点的页面适配力不从心,自然而然开始使用AutoLayout,可是Apple爸爸出的原生布局API简直繁(没)杂(有)无(人)比(性),这个时候DeSandro带来了Masonry,以及后来的Snpkit讲iOS coder们从石器时代带入农耕时代。

       

       既然我花了一大段的时间说AutoLayout,那么卡顿一定会与他有关系,没错,tableview在绘制cell时会不知一次的调用高度绘制,不止一次的时候去调用,即使你只是简单的滚动列表也会调用用heightForRowAtIndexPath,

cellForRowAtIndexPath方法(微信公众号这个编辑器好蛋疼,空了研究),

如果是定高cell直接返回cell高度也是不错,可是需求大多数情况是不定高,每次滑动都会算高度,是不是就会卡了(FDTemplateLayoutCell 可以做cell高度缓存减少一部分卡顿),另外注意不要在cellForRowAtIndexPath做约束设置相关的代码设置如make、update、remake,我们使用Instruments里的Animation可以直观的查看当前页面的帧率或者自己实现监测帧率的组件,使用Time Profile可以查看到底时哪里的代码是卡顿的瓶颈,这里直接出结论:无论是mas还是snp约束设置耗时依次是 remake>make>update,所以做好不要在列表滚动的时候做这些耗时的操作,可以的话使用frame布局或者autolayout,frame结合使用。

0?wx_fmt=png

0?wx_fmt=jpeg

       离屏渲染这点很多列表优化里有讲不在多说,在我们团队列表优化的时候还发现富文本串AttributeString的绘制也很耗时,这是另一个重要的瓶颈,那么既然产品汪有需求,我们只能满足,但是性能会降,我们有什么方案可以提高FPS呢,你说的对异步绘制YYKit,Asyncdisplaykit,我们团队的大神觉得方案太重,读了源码后自己实现了CMAsyncLabel,效果很明显丝滑般。

       相信经过上边的优化你的列表已经很流畅了,这是目前团队列表优化过程中的一些心得,如有不妥之处望指正。

0?wx_fmt=jpeg

       

       

内容概要:本文详细介绍了“秒杀商城”微服务架构的设计与实战全过程,涵盖系统从需求分析、服务拆分、技术选型到核心功能开发、分布式事务处理、容器化部署及监控链路追踪的完整流程。重点解决了高并发场景下的超卖问题,采用Redis预减库存、消息队列削峰、数据库乐观锁等手段保障数据一致性,并通过Nacos实现服务注册发现与配置管理,利用Seata处理跨服务分布式事务,结合RabbitMQ实现异步下单,提升系统吞吐能力。同时,项目支持Docker Compose快速部署和Kubernetes生产级编排,集成Sleuth+Zipkin链路追踪与Prometheus+Grafana监控体系,构建可观测性强的微服务系统。; 适合人群:具备Java基础和Spring Boot开发经验,熟悉微服务基本概念的中高级研发人员,尤其是希望深入理解高并发系统设计、分布式事务、服务治理等核心技术的开发者;适合工作2-5年、有志于转型微服务或提升架构能力的工程师; 使用场景及目标:①学习如何基于Spring Cloud Alibaba构建完整的微服务项目;②掌握秒杀场景下高并发、超卖控制、异步化、削峰填谷等关键技术方案;③实践分布式事务(Seata)、服务熔断降级、链路追踪、统一配置中心等企业级中间件的应用;④完成从本地开发到容器化部署的全流程落地; 阅读建议:建议按照文档提供的七个阶段循序渐进地动手实践,重点关注秒杀流程设计、服务间通信机制、分布式事务实现和系统性能优化部分,结合代码调试与监控工具深入理解各组件协作原理,真正掌握高并发微服务系统的构建能力。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值