小程序开发遇到性能问题怎么搞?

面板小程序开发相关产品技术讨论,包括面板小程序、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
智能小程序开发者
Posts: 140

哪位大佬对智能小程序性能优化有经验的?求解答 :D

User avatar
Muzzzhi
Posts: 80

Re: 小程序开发遇到性能问题怎么搞?

作为开发者,我们经常被一下几个问题困扰:

  1. 小程序启动慢:无用文件、函数、样式剔除,对静态资源优化。
  2. 白屏时间长:启用本地缓存、跳转时预拉取、分步渲染、占位图。
  3. 页面渲染慢:减少setData调用频率,降低setData数据量,熟练使用sjs、render script、无用的属性、事件不绑定。
  4. 运行内存不足:销毁持久化内存,onHide/onunload关闭定时器。

给大家性能指标参考:

  1. 首屏时间不超过 5 秒;
  2. 渲染时间不超过 500ms;
  3. 每秒调用 setData 的次数不超过 20 次;
  4. setData 的数据在 JSON.stringify 后不超过 256kb;
  5. 页面 TYML 节点少于 1000 个,节点树深度少于 30 层,子节点数不大于 60 个;
  6. 所有网络请求都在 1 秒内返回结果;

具体可以参照智能小程序官网的性能优化实践来对照调整: https://developer.tuya.com/cn/miniapp/f ... k/optimize

:geek: :ugeek: :mrgreen: :roll: :lol: :idea: :arrow: LGTM

User avatar
TheThingX
Posts: 65
Location: TheThingX
Contact:

Re: 小程序开发遇到性能问题怎么搞?

用最少的代码,实现最酷的效果:D

[][TheThingX.com]
Post Reply