微信小程序性能优化实用建议

微信小程序出来这么久了，我也搞过几个项目，总结就是小程序不适合做复杂的内容，不能用过多的动画，否则就是卡卡卡...

下面是我实践过程中体会到可以真实优化的一些点，大家随意看看～

小程序优化：

减少节点数，提升渲染性能
大数据前置页面预加载
减少setData的使用，避免更新后台页面的data数据
减少data数据大小，删除无用的字段，一次data数据设置存在上限
减少本地图片资源，改用网络图片
网络图片资源使用云裁剪压缩，只下载当前显示大小
较少使用的页面使用分包，提升加载速度
采用分包预下载，提升分包页面打开速度
能用GIF图片就不要使用动画

JS优化：

避免使用with
定时器使用setInterval代替setTimeout，setInterval共用计时器，setTimeout会单独计时
一个函数中尽量将全局对象存储为局部变量来查找
字符串连接，少用+=

参考：

https://blog.csdn.net/qq_36251118/article/details/78518850

https://blog.csdn.net/wetest_tencent/article/details/61196522

https://blog.csdn.net/i10630226/article/details/81042421

https://blog.csdn.net/lululul123/article/details/76167861

微信小程序性能优化实用建议相关推荐

微信小程序性能优化之一
微信小程序性能优化之一原文:微信小程序性能优化之一性能优化界面和业务逻辑之间事件交互小程序调用native Native回调小程序图片源文件优化渲染优化 ----------------- ...
微信小程序性能优化方案
文章目录微信小程序性能优化方案提高加载性能小程序代码包准备(下载代码包) 开发者代码注入页面渲染优化提升渲染性能 setData工作原理优化方法微信小程序性能优化方案微信小程序如果想要 ...
微信小程序性能优化技巧
微信小程序如果想要优化性能,有关键性的两点:提高加载性能和提高渲染性能. 一.提高加载性能当用户点击小程序后发生了什么? 资源准备(代码包下载) -- 业务代码注入和渲染 -- 异步请求数据 ...
小程序性能优化之页面预加载方案——让你的小程序运行如飞进阶篇
小程序性能优化之页面预加载方案进阶篇转载请注明出处:https://blog.csdn.net/sinat_27612147/article/details/80798452 写在前面预加载方案 ...
小程序性能优化之页面预加载方案——让你的小程序运行如飞集成篇
小程序性能优化之页面预加载方案集成篇转载请注明出处:https://blog.csdn.net/sinat_27612147/article/details/80802725 前言之前看到一篇文 ...
如何给微信小程序搜索优化？
微信小程序搜索优化(Mini Program SEO)是指针对微信小程序的搜索引擎优化,通过优化小程序内容.引流渠道等手段来提高小程序的曝光率和用户转化率. 以下是一些给微信小程序搜索优化的方法: 1 ...
【官方推荐】微信小程序搜索优化指南
最近,微信搜索正式升级为"微信搜一搜",并对能力进行了全面的升级.一方面是覆盖更多的场景服务,整合不同领域内容,另一方面品牌官方区全新的界面样式,除了作为固定首位展示,还为品牌方提 ...
【微信小程序推广营销】教你微信小程序SEO优化，让你的小程序快人一步抢占先机...
今年一月份上线的小程序,经过近一年的沉淀发酵,现在也进入了快速发展期. 在未来肯定会有越来越多的小程序诞生,小程序多了就需要搜索,那么如何让自己的小程序在众多的小程序中脱颖而出,这就需要小程序SEO优 ...
微信小程序入门的一些建议，替大家踩坑
小程序入门教程 1, 建议先去看官方文档 2,说说app.json这个文件 3.app.js 4.点击事件 5.跳转页面最后要说一下我踩的一个大坑,样式问题 1, 建议先去看官方文档微信小程序官方 ...
极力推荐的微信小程序，超级实用，一定要收藏
一首歌的时间,看完本文正文开始 QuestMobile2020微信小程序生态洞察报告:截止到2020年9月,十万级以上的微信小程序数量已达到4,418个,小程序总体月活跃用户规模也达到了8.32亿. ...

微信小程序性能优化实用建议

微信小程序性能优化实用建议相关推荐

最新文章

热门文章