最有效的代码优化是减少代码体积。在微信小程序最直接的方法是分包处理,问题是分包后,首页加载依旧很慢怎么办???
第一步:原生开发的app.js或uniapp开发的App.vue检查。
  入口onLaunch周期打印console.time("A"),在首页onLoad周期打印console.timeEnd("A"),如果数值太大证明前期处理内容过多。看下是否部分数据可以在其他场景下获取,注意setTimeout异步操作部分处理,在部分设备的确可以加快页面打开,亲测iphone13下,会等异步处理完再进入首页
第二步:首页信息加载和接口请求检查
  1、如果内容高度很大,超出视图范围,可以考虑部分信息延迟加载,考虑滑动视图监听、IO,页面功能展示简单直接setTimeout处理;
  2、接口请求时序修改,不是很重要的信息或列表的可以延后请求;

  3、重复或者说全局性质的数据,使用pinia或vuex保存一份,再在缓存做备份处理,vuex中获取数据的效率比缓存更高,而且维护效果更好。
  4、针对图片或者音视频资源,下面主要说下图片,不建议base64位处理,长度太大,占据篇幅太多。针对内存不大的图片并且会多页面使用的话,推荐本地使用,否则全部放网络资源。无论图片放置在哪里,都要对图片进行压缩处理,个人推荐ppDuck或TinyPNG。然后图片资源上传到cdn,建议根据场景打开懒加载和webp图片格式功能;
  5、可选:loading页添加。存在背景色的loading遮挡展示内容,实际上页面已经在渲染,只是用户看不到,当loading消失后,完整的页面加载出来了
  6、可选:使用骨架屏
第三步:代码层:代码优化,灵活使用逻辑运算,减少双向绑定变量;渲染层:减少重绘、尽量使用低开销的css样式,例如transform和position的left属性选择