原生小程序开发性能优化指南

性能优化指南

1.骨架屏

• 业务可以在数据加载完成之前用骨架屏幕来占位，提升体验。

2.包大小优化

• 减小包中静态资源，例如图片文件，可将图片进行压缩降低文件体积。
• 无用文件、函数、样式剔除。
• 除了部分用于容错的图片必须放在代码包（譬如网络异常提示）之外，建议开发者把图片、视频等静态资源都放在 CDN 上。（Base64 格式本质上是长字符串，和 CDN 地址比起来也会更占空间。）
• 图片压缩： 推荐 tinypng，比工具更好用的图片压缩。 地址

注意：

• 若项目中有多个页面，只打包一个页面，图片资源依然会被打进包内。
• 若页面在usingComponents配置引入自定义组件但是未使用，会被打进包内。
• 检查TYML中的import引用其他模板文件、TYSS中的@import