淘特 Flutter 流畅度优化实践 · 二期

作者：谢伟(韦圣)

“在上一篇《淘特 Flutter 流畅度优化实践》中说到，虽然一期效果较为明显，但距离极致的用户体验仍有不小的差距。去年，淘特端架构联合业务团队共同发起“基础链路极致体验优化”的项目，目标在时长与流畅度方面获得极致体验，本文将为大家详细解析淘特 Flutter 流畅度优化实践二期部分。”

优化效果

首先，我们简单回顾上一期优化后的效果， 在一期中，主要的优化措施集中在“业务最佳实践”，不需要改Engine、不需要造轮子，依然取得不错的优化效果。证明Flutter在面对复杂的业务场景时， 只要掌握好足够的实践经验，依然能保持较好的性能表现。

但随着淘特的优化进入深水区，源自对极致用户体验的追求及Native性能数据的赛跑，让我们开始快速从集团、业界吸收优秀前辈的经验并自我突破。最终，在完成了“Hummer引擎升级”、“自研ExternalImage图片库”、“自研FlowView高性能流式容器”等多项重点技术突破后，取得的二期成果如下：

注：流畅度随着业务迭代、测试口径的变化存在一定波动。以上数据来自：淘特4.14.0 双端慢滑测试口径（滑动速率参考下方录屏）

从体感录屏来看有两大提升：

1. 流畅度再度提升，双端慢滑基本无卡顿
2. 消灭iOS大卡顿问题

Android录屏对比（左边优化前、右边优化后）

查看视频请点击：淘特 Flutter 流畅度优化实践 · 二期

iOS录屏对比（左边优化前、右边优化后）

查看视频请点击：