作者:谢伟(韦圣)
“在上一篇《淘特 Flutter 流畅度优化实践》中说到,虽然一期效果较为明显,但距离极致的用户体验仍有不小的差距。去年,淘特端架构联合业务团队共同发起“基础链路极致体验优化”的项目,目标在时长与流畅度方面获得极致体验,本文将为大家详细解析淘特 Flutter 流畅度优化实践二期部分。”
优化效果
首先,我们简单回顾上一期优化后的效果, 在一期中,主要的优化措施集中在“业务最佳实践”,不需要改Engine、不需要造轮子,依然取得不错的优化效果。证明Flutter在面对复杂的业务场景时, 只要掌握好足够的实践经验,依然能保持较好的性能表现。
但随着淘特的优化进入深水区,源自对极致用户体验的追求及Native性能数据的赛跑,让我们开始快速从集团、业界吸收优秀前辈的经验并自我突破。最终,在完成了“Hummer引擎升级”、“自研ExternalImage图片库”、“自研FlowView高性能流式容器”等多项重点技术突破后,取得的二期成果如下:
注:流畅度随着业务迭代、测试口径的变化存在一定波动。以上数据来自:淘特4.14.0 双端慢滑测试口径(滑动速率参考下方录屏)
从体感录屏来看有两大提升:
- 流畅度再度提升,双端慢滑基本无卡顿
- 消灭iOS大卡顿问题
Android录屏对比(左边优化前、右边优化后)
查看视频请点击:淘特 Flutter 流畅度优化实践 · 二期
iOS录屏对比(左边优化前、右边优化后)
查看视频请点击: