微信小程序优化探索

一、启动性能优化:

1、启用分包加载,降低代码包下载耗时;

分包预加载,跳转到分包页面时需要下载分包才能进入页面,造成页面切换的延迟。分包预加载可以在跳转前预加载分包,解决页面切换延迟;

2、代码重构和优化:

通过代码重构删除冗余代码(组件复用,提取公共函数);利用webpack的tree shaking特性;可以通过微信开发者工具的代码依赖分析,优化代码包的大小

3、控制代码包内图片等资源
4、按需注入(app.js中全局配置)
{

  "lazyCodeLoading": "requiredComponents"

}

通常情况下,在小程序启动时,启动页面所在分包和主包(独立分包除外)的所有代码,造成很多没有使用的代码注入到小程序运行环境中,影响注入耗时和内存占用。

按需注入配置后,小程序仅注入当前页面需要的自定义组件和页面代码,以降低小程序的启动时间和运行时内存。

二、页面渲染优化

1、首屏数据提前请求:小程序提供了【数据预拉取】功能,能够在冷启动时通过微信后台向服务器拉取业务数据,减少了首屏渲染等待时间;
2、骨架屏 请求页面数据时展示骨架屏页面,提升用户体验

三、运行时性能优化

1、setData用于小程序双线程环境通信,是一个耗费性能的操作;因此要避免频繁setData和一次性setData大量数据;
this.setData({

[`proTabsDatas.${eleIndex}`]: floor, // 直接修改数组单个元素

'fourth.coverShow': false //修改对象单个属性

})

参考:https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html

你可能感兴趣的:(微信小程序优化探索)