评论

小程序性能优化

先检查,针对具体问题来改进小程序

1. 代码质量检测

微信开发者工具->控制台->代码质量

检测以下问题:

  1. 图片、资源过大
  2. 未使用代码——
    要么删除,要么ignore,开发需要,但配置不打包。
    有个与gitignore类似的配置,注意,修改完配置需要重启微信 开发者工具才能看到变化。
    https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html#packOptions

等等

2. 体验评分

微信开发者工具->控制台->调试器->Audits

点击之后操作小程序,打开各个页面,进行各种交互,尽量覆盖全面。
然后查看报告:性能、体验、最佳实践等,根据具体问题改进小程序。

3. 从微信官方文档、运行时性能处,获取到一些可能的切入点

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

重点,首屏渲染优化:
https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips/start_optimizeC.html

骨架屏,可以考虑:
https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html

4. 其他获取性能数据方式

https://developers.weixin.qq.com/miniprogram/dev/framework/performance/perf_data.html

网络数据测速:https://developers.weixin.qq.com/miniprogram/dev/framework/performanceReport/

点赞 0
收藏
评论
登录 后发表内容