您当前的位置:首页 > 电脑百科 > 站长技术 > 微信营销

日访问次数百万级微信小程序优化技巧总结

时间:2020-02-02 13:35:14  来源:  作者:

借负责的小程序流量暴增事件总结下优化技巧

之前负责的锡慧在线微信小程序是一款公益性质在线教育类小程序,因疫情影响导致流量暴增,日访问过百万

日访问次数百万级微信小程序优化技巧总结
 
 
 

高峰期每分钟1w+在线访问

日访问次数百万级微信小程序优化技巧总结
 
 
 

视频播放卡顿严重,使用体验很差。

博主已是离职状态,但是公司内并没有找到可以接手的同学,小程序前端是我从零一手做出来的,有点特殊情感,于是就以小程序顾问的身份帮忙处理了小程序端的工作。

应对本次问题,视频卡顿是选择把视频课件资源从文件服务器上迁移至腾讯云存储,现已经修复发版完毕

日访问次数百万级微信小程序优化技巧总结
 
 
 

在此总结下小程序优化相关知识。

小程序端优化

提高加载性能

小程序呈现到用户面前,实际上经历了下面两个阶段:

  • 运行环境的预加载
  • 微信会在用户打开小程序之前就已经准备好环境,用户点击小程序入口后,直接下载小程序的代码包即可
  • 下载代码包启动小程序
  • 小程序代码包里面的代码,不是小程序的源代码,而是编译、压缩、打包之后的代码包

 

日访问次数百万级微信小程序优化技巧总结
 
 
 

小程序提供的运行环境,分为逻辑层(AppService)和 视图层(webView),逻辑层是执行JAVAscript的地方,视图层是渲染页面的地方。当小程序的代码包下载完毕后,业务代码分别注入逻辑层和渲染层。

优化关键点

控制小程序包的大小

  • 代码级优化
  • 压缩代码
  • 清理无用的代码(含注释掉的代码、log等)
  • 业务级优化,逻辑复用,组件复用
  • 图片优化
  • 放CDN
  • 选用其它静态存储服务器
  • 最其次使用优化过大小后的本地图片
  • 采用分包策略
  • 分包预加载
  • 独立分包

异步请求优化

  • onLoad阶段就可发起请求
  • 实时性要求不高的或者非频繁变动的业务数据尽量不要在onShow时请求
  • 请求结果放在缓存中、利用时间戳控制有效期,减少更新次数
  • 核心页面在请求过程中添加骨架屏展示处理
  • 细节体验处理,及时给予用户反馈
  • 如点击按钮后先改变样式(切换启停用状态),再发出请求,防止用户多次请求

提高渲染性能

setData操作优化

  • 减少setData的数据量
  • 不影响渲染层的数据不用放在setData
  • 合并精简setData
  • 避免列表数据全局刷新、局部更新单条数据

this.setData({

list[index] = newList[index]

})

定时器及时销毁

  • 小程序多个页面会多开webview,独立线程运行,当离开页面存在定时器时需要及时销毁

谨慎使用onPageScroll(该事件是一次webview层向js逻辑层的通讯,开销较大)

  • 只在必要时监听pageScroll
  • onPageScroll中避免执行复杂逻辑,频繁setData,查询节点信息

善用小程序组件

自定义组件更新只在组件内部进行,不受页面其他内容影响

  • 运营活动的定时模块可以单独抽出来,做成一个定时组件,定时组件的更新并不会影响页面上其他元素的更新;
  • 各个组件具有各自独立的逻辑空间,分别拥有自己的独立的数据、setData调用

canvas渲染

  • 分层绘制到不同canvas
  • 不变的部分单独绘制到一个canvas
  • 动态生成的绘制到一个canvs

前端数据过滤

  • 前端数据过滤及验证,不规范的数据不必发送请求增加服务端压力

开发者工具提供的环境与真机不同,建议真机调试

服务端优化

硬件升级

  • 服务器负载均衡
  • 云数据库多台主从读写分离
  • redis缓存
  • 小程序静态资源使用CDN和OSS文件存储

分析瓶颈

  • 数据库适当索引加持
  • 找出导致瓶颈的关键业务,如密集计算需求,数据库读写

redis缓存

  • 写入数据时数据库和redis中都写入,优先查询redis的数据,没有再从数据库读取
  • 进行接口缓存,直接缓存接口返回的json数据,用户再次查相同的内容,直接返回json数据

负载均衡

将流量分发到不同的服务器上进行处理,减轻对cpu的压力

服务端建议尝试云开发,有腾讯云的基础服务加持也是可以支撑起百万级访问的

先总结这么多,如果您有更多方法,欢迎补充



Tags:微信小程序   点击:()  评论:()
声明:本站部分内容来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除,谢谢。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
我们都知道公众号里的二维码可以长按识别,但是小程序限制比较严格,没有办法实现二维码的长按识别,一直以来我都是这样认为的,微信的官方规则里也是这么写的,直到今天上午,我无意间...【详细内容】
2020-09-21   微信小程序  点击:(11)  评论:(0)  加入收藏
2020年的疫情让很多商家饱受痛苦,尤其是线下商家更是叫天不应,叫地不灵,生存堪忧。作为实体店,转型线上似乎是一条较好的出路,而微信小程序作为常用的线上营销工具,受到线下商家的...【详细内容】
2020-09-07   微信小程序  点击:(9)  评论:(0)  加入收藏
微信小程序直播是腾讯集生活服务、电商、教育等行业的直播平台,商户们可通过小程序直播实现在微信直播中带货,许多商户都纷纷入驻。那微信小程序直播平台有什么优势,在直播中如...【详细内容】
2020-09-01   微信小程序  点击:(7)  评论:(0)  加入收藏
小程序分销商城是微信小程序商城的一种营销功能,它的主要优势在于将商家的每位客户转变成分销商,通过这些分销商实现朋友圈的裂变传播,分销商城有什么功能与特点呢? 微信小程序...【详细内容】
2020-08-28   微信小程序  点击:(9)  评论:(0)  加入收藏
提到微信小程序,相信很多人都不陌生了。2017年至今,微信小程序商业势头发展迅猛,在很多城市,小程序已经融入民生服务、地铁公交服务等日常生活。从一种习惯到生活方式,它开始逐渐...【详细内容】
2020-08-28   微信小程序  点击:(8)  评论:(0)  加入收藏
前段时间在下开发了个微信小程序,开发过程中总结了一些我觉得对我有用的小技巧,提炼出来,相当于一个总结复盘,也希望可以帮助到大家。如果对大家确实有帮助,别忘了点赞哦 ~ 微信开...【详细内容】
2020-08-26   微信小程序  点击:(10)  评论:(0)  加入收藏
“电子社保卡”官方微信小程序来啦不用下载APP点击下方卡片或搜索“电子社保卡”官方微信小程序即可快速享受电子社保卡服务↓↓↓ 电子社保卡点击进入小程序功...【详细内容】
2020-08-05   微信小程序  点击:(5)  评论:(0)  加入收藏
微信小程序开发,多端框架全面测评。最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个?作为 Taro 开发团队一...【详细内容】
2020-07-28   微信小程序  点击:(5)  评论:(0)  加入收藏
微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受。首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,...【详细内容】
2020-07-27   微信小程序  点击:(4)  评论:(0)  加入收藏
随着微信小程序大受欢迎,现在想要开发自己小程序的人越来越多了,不过大多数人都不懂技术,这种情况下,要想顺利生成自己的小程序,就需要用到微信小程序开发软件。小程序开发用什么...【详细内容】
2020-07-21   微信小程序  点击:(8)  评论:(0)  加入收藏
制作一个能在线售卖货品的小程序店铺,将会使商家的线上交易方便很多。而且现在想要开通小程序店铺是非常简单的,没多大难度,普通小商户也能顺利做一个。那么微信小程序怎么做店...【详细内容】
2020-07-01   微信小程序  点击:(3)  评论:(0)  加入收藏
拼团近几年红遍大江南北,期间陆续诞生了不少拼团产品,拼多多也接着拼团玩法的东风顺利上市。拼团火热的一个重要因素就是借助熟人关系链,熟人社交传播快,下单成本低,因此发展越来...【详细内容】
2020-06-30   微信小程序  点击:(8)  评论:(0)  加入收藏
前言今天给大家分享的这个开源项目,我认为很多微信小程序开发者非常需要,因为这个组件解决了一个微信小程序开发的痛点,那就是自定义导航栏组件。没错,众所周知,微信小程序原生导...【详细内容】
2020-06-25   微信小程序  点击:(5)  评论:(0)  加入收藏
云端商业时代,数字化运营已经不是加分项,是生死项,而“送水人”的重要性也日益凸显。今年上半年,数字商业SaaS类服务商普遍迎来更高增长,有赞在第一季度新增付费商家数13987家,同...【详细内容】
2020-06-03   微信小程序  点击:(9)  评论:(0)  加入收藏
小程序简介小程序是一种不需要下载安装即可使用的快速应用,它实现了应用“触手可及”的操作;用户扫一扫或搜一下即可打开应用,完全不需要安装,因此小程序不仅可提高的用户的应用...【详细内容】
2020-05-14   微信小程序  点击:(8)  评论:(0)  加入收藏
最近接了一个微信小程序的项目,项目需求是小程序语音识别,全景图片观看,登录授权,获取个人基本信息。非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧需求小程序语音识别,全景...【详细内容】
2020-04-29   微信小程序  点击:(9)  评论:(0)  加入收藏
2 月 28 日,微信官方正式宣布,小程序直播能力启动公测。不少商家收到了微信小程序直播公测邀请,可在小程序后台直接开通直播功能。微信小程序直播功能是微信提供给商家的直播组...【详细内容】
2020-04-15   微信小程序  点击:(14)  评论:(0)  加入收藏
小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态。小程序也是这么多年来中国IT行业里一个真正能...【详细内容】
2020-04-06   微信小程序  点击:(20)  评论:(0)  加入收藏
3月31日讯,腾讯QQ钱包官方宣布,微信转账QQ钱包小程序今日开始正式启动,用户可以通过今日上线的小程序直接将钱转到指定账号的QQ钱包中,操作简洁方便。 微信转账到QQ钱包小程序的...【详细内容】
2020-04-01   微信小程序  点击:(14)  评论:(0)  加入收藏
小程序消息推送种类 订阅消息 模板消息 统一服务消息 客服消息由于模板消息已经下线,这里的示例消息是订阅消息实现订阅消息我们开始需要知道几个小程序的参数值 小程序app...【详细内容】
2020-03-30   微信小程序  点击:(10)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条