小程序性能优化

启动加载性能优化

小程序的启动加载流程图片:

典型等待场景
图片:

一、控制代码包大小

开启开发者工具中"上传代码时自动压缩"
及时清理无用代码和资源文件
减小代码包中的图片等资源文件的大小和数量
二、分包加载
图片:

分包预下载（即将推出）
图片:

独立分包（即将推出）
图片:

三、首屏加载的体验优化建议
提早请求：异步数据请求不须要等待页面渲染完成
利用缓存：利用storage API对异步请求数据进行缓存。二次启动时先利用缓存数据渲染页面，再进行后台静默更新。
避免白屏：先展现页面骨架和基础内容。
及时反馈：即时地对须要用户等待的交互操做给出反馈，避免用户觉得小程序无响应

渲染性能优化
一、避免不当使用setData

图片:

图片:

图片:

总结
图片:

二、避免不当使用onPageScroll
图片:

三、使用自定义组件
图片:

四、canvas渲染
分层绘制到不一样canvas
不变的部分单独绘制到一个canvas，
动态生成的绘制到一个canvs

最后再合入到一个canvas