最有效的代码优化是减少代码体积。在微信小程序最直接的方法是分包处理,问题是分包后,首页加载依旧很慢怎么办???
第一步:原生开发的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属性选择

原文地址:http://www.cnblogs.com/ljt-8961/p/16829199.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性