小程序性能優化

啓動加載性能優化

小程序的啓動加載流程圖片:

典型等待場景
圖片:

一、控制代碼包大小

開啓開發者工具中"上傳代碼時自動壓縮"
及時清理無用代碼和資源文件
減小代碼包中的圖片等資源文件的大小和數量
二、分包加載
圖片:

分包預下載（即將推出）
圖片:

獨立分包（即將推出）
圖片:

三、首屏加載的體驗優化建議
提早請求：異步數據請求不須要等待頁面渲染完成
利用緩存：利用storage API對異步請求數據進行緩存。二次啓動時先利用緩存數據渲染頁面，再進行後臺靜默更新。
避免白屏：先展現頁面骨架和基礎內容。
及時反饋：即時地對須要用戶等待的交互操做給出反饋，避免用戶覺得小程序無響應

渲染性能優化
一、避免不當使用setData

圖片:

圖片:

圖片:

總結
圖片:

二、避免不當使用onPageScroll
圖片:

三、使用自定義組件
圖片:

四、canvas渲染
分層繪製到不一樣canvas
不變的部分單獨繪製到一個canvas，
動態生成的繪製到一個canvs

最後再合入到一個canvas