应用的性能表现不尽如人意,主要体现在启动慢、页面加载慢,页面滑动操作不流畅、卡顿等,非常影响用户使用体验。需要对应用做了优化工作,包括安装包瘦身、加快启动速度、页面加载时长优化、流畅度优化,最终提升了用户使用体验。
搜索页、商品详情页的滑动流畅度都不尽如意,主要通过3个方面来介绍流畅度优化:
在优化之前,从搜索关键词到搜索结果展示过程中有较长loading。对于页面的加载速度优化,搜索结果页的打开过程如下:
搜索结果页由Flutter实现,但它是从Native页面点击打开,在混合栈的背景下导致路由拦截到打开容器这一步有一定耗时。
可以通过 URL 携带预取信息,在 Native 进行跳转导航时同时进行异步并行的数据预取,可以减少页面打开的耗时。
同时因为搜索页面的请求RT相对比较高,一般页面进来了,还仍然在等待网络请求回来,所以如果在网络请求回来的时候再去做模板的预加载,大概率会命中。
优化之后的流程如下:
通过一定的并行手段,采用数据预取、模板预加载的方案,搜索结果页加载时长优化300ms。
同时在数据请求时展示骨架屏动画(lottie实现)代替loading图标,带给用户更好的使用体验。
对于详情页的加载优化,主要通过3个方面做优化:
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。