有奖捉虫:办公协同&微信生态&物联网文档专题 HOT

实践背景

对于有一定用户量的小程序,存在一些服务异常是不可避免的。如下为您介绍如何快速发现并有效分析定位问题。
小程序一般会存在的问题:
加载时间慢(白屏): 小程序如果入口需要加载比较多的信息,间接导致首屏接口请求多,加载时间慢。整个小程序的首次冷启时间可能超过5s,而加载时长又直接影响到小程序的到达率。根据《High performance iOS Apps》中用研结论,25%的用户在应用启动时间超过 3s 时会放弃使用。
卡顿/闪退: 一般有历史查询类场景会遇到长列表页面查询卡顿,滚动不流畅,随着历史消息加载,小程序出现闪退等问题。
这些问题带来了极大降低用户体验,从而降低用户留存。下列将会介绍小程序从接入到问题优化的实践步骤,作为实践案例供您参阅。

操作步骤

接入应用

步骤1:创建业务系统

2. 在左侧菜单栏单击前端性能监控 > 应用管理 > 业务系统
3. 在业务系统页单击创建业务系统,在弹框中填写业务名称并勾选相关协议即可。

步骤2:创建应用

1. 在左侧菜单栏中单击数据总览
2. 在数据总览页单击应用接入,填写并选择应用相关信息。

步骤3:安装和初始化 RUM-SDK

1. 安装:执行下列命令,在 npm 仓库安装 aegis-mp-sdk。
$ npm install --save aegis-mp-sdk
2. 初始化:参见下列步骤新建一个 Aegis 实例,传入相应的配置,初始化 SDK。
import Aegis from 'aegis-mp-sdk';

const aegis = new Aegis({
id: 'vq6meu47xp638dLL95', // 上报 id
uin: 'xxx', // 用户唯一 ID(可选)
reportApiSpeed: true, // 接口测速
spa: true // spa 应用页面跳转的时候开启 pv 计算
});


步骤4:验证是否接入成功

进入数据总览,若有数据则证明接入成功。




小程序优化

白屏问题处理
使用 RUM 日志查询 定位异常点。RUM 默认将错误异常全量上报,经过日志上报查询,可分钟级快速定位分析异常,并根据具体报告解决异常。


JS/ Ajax 等问题处理 当服务主要依赖明细日志时,很难及时对服务异常情况有总览或主动发现效果。RUM 将异常错误全量上报,并将错误信息按类型汇总统计,您可以使用 异常分析 分析 JS、Ajax 等错误问题并针对性地进行优化。


针对异常还可做不同维度的占比分析,更加精准的知道异常分布情况(网络类型、地域、机型等)。


配置指标监控告警 您可以使用 告警管理 > 策略管理,针对关键指标设置告警,在指标异常时及时通知您优化性能。