分析结算现状:进入页面时,由于接口之间存在依赖关系,需要请求多个接口,导致页面渲染时间较长,并且在渲染完成后会出现页面抖动现象。根据现状,结算页的优化主要包括以下三点:1)优化网络请求:优化前:存在多个接口依赖,导致多次请求。优化后:整合服务层接口,将多个接口合并为一个主接口,减少网络通信次数。2)优化数据结构,减少setData使用频率:优化前:接口过于分散,相互依赖,导致频繁的setData调用,降低性能。优化后:接口整合后数据体量较大,采用递归方式将主体数据拆解,减少遍历过程,减少setData的使用频率,避免setData数据量变大,从而缩短页面的渲染耗时。3)组件更新优化:优化前:子组件直接在父组件中引用,且未使用CustomWrapper。优化后:合理使用CustomWrapper,通过将子组件使用CustomWrapper标签包裹,实现子组件渲染时局部更新,由page.setData变为component.setData,减少全局更新,提高性能。三、未来展望 三、未来展望以上是我们近一年来对五星门店小程序性能体验优化所做的一个阶段性成果的总结,整体性能得到显著提升。对于研发人员来说,提升用户体验是一项需要长期坚持的工作,作为技术同学,我们需要具备工匠精神,在接下来的一年中,我们将继续在小程序性能体验优化方面努力,给用户近乎原生应用的操做体验,主要会从以下几个方面入手:(1)用户体验▪持续跟进门店导购的反馈,结合现有的走查和迭代机制,不断优化小程序体验问题。▪继续执行日常体验走查和日常优化迭代机制,主动发现并解决问题。(2)性能提升▪项目框架升级:第一波框架升级预计在2024年3月份完成,完成升级之后能够进一步提升编译速度,提升开发效率。▪继续缩小包体积:随着后续需求的增加,包体积势必会增大,为满足小程序限制的包体积大小,我们需要进一步缩小优化包体积。(3)质量保障▪维持低js报错率:在日常开发中注重代码的可读性以及健壮性,注意临界点的逻辑判断等,关注监控平台的信息反馈并及时响应,将js异常扼杀在摇篮里。▪打开率:持续提升小程序打开率,降低对用户和业务的影响。 - END -