小程序端高性能虚拟滚动列表

生活消费-外卖

参考饿了么、KFC、叮咚买菜等小程序商品列表,设计了两套支持二级分组方案,开发demo快速试错,选择效果更好得方案;通过数据拉取,分析出96%的门店商家商品总数在1000以下,确定优化目标重点是大幅提升这部分商家的体验。 基于scrollView和IntersectionObserver实现了一套支持分组标题吸顶、二级分组、锚定指定分组或商品的虚拟滑动列表。 分组与商品渲染逻辑分离,分组维度监听器负责接口请求和分组高亮;商品维度监听器负责商品渲染。大幅提高性能优化操作空间。 基于商品总数制定不同渲染规则和回收策略,让商品总数越少的商家体验越好,并最大程度的优化由商品高度自适应导致的...

小程序端高性能虚拟滚动列表
小程序端高性能虚拟滚动列表
小程序端高性能虚拟滚动列表

小程序点单页性能优化

生活消费-外卖

通过埋点、本地log等手段建立起性能数据收集。 采用了包括接口请求前置、重构初始流程代码、逻辑处理下沉node、接口合理拆分、人机交互等各种针对性手段优化关键路径,并阅读调试内部框架,面向框架实现高性能代码,最终将首开优化到1s。...

小程序点单页性能优化
小程序点单页性能优化
小程序点单页性能优化
------ 加载完毕 ------
联系需求方端客服