火山引擎推出一站式小程序监控方案

作者：陈金伙

背景

小程序作为轻量级的应用发展迅速，国内已有多家小程序厂商相继推出。为了洞察用户真实体验及程序自身运行状况，监控已成为开发套件中必不可少的一环。随着业务愈来愈复杂，各厂商小程序管理后台免费提供的监控能力逐渐满足不了大部分业务与市场的需求。当前有小程序监控需求的用户都面临以下痛点：

基于以上痛点，火山引擎 APM 团队针对小程序监控的的需求场景进行探索，再经过字节跳动内部多条业务线应用沉淀和多轮迭代，打造出了一站式小程序监控平台，旨在为开发者提供可跨平台、监控能力完善、简单易用的小程序监控服务。

小程序启动过程是指从用户打开小程序至小程序首页渲染完成。 SDK 侧会收集该阶段全部指标，包括下载耗时、JS注入耗时、App 各阶段耗时、首次 Page 各阶段耗时、FR(firstRender))、FP(firstPaint-,firstPaint,-%E9%A1%B5%E9%9D%A2%E9%A6%96%E6%AC%A1))、FCP(firstContentfulPaint) 等等常规性能指标。
运行时性能包括页面切换性能、setData 性能
- setData 性能：包括 setData 次数、耗时、频率以及大小。
- 小程序页面切换过程是指从用户触发路由切换事件至新页面渲染完成。SDK 侧会收集该阶段全部指标，包括路由切换耗时、页面构建耗时、页面渲染耗时、FR、FP、FCP 等等常规性能指标。

从小程序启动到页面切换，我们不仅有完善的性能指标体系，而且各项指标均可在「自定义看板」中进行任意组合以满意业务方的个性化需求。除此之外，字节内部根据实践经验预定义了一套默认参考线，当然也支持用户根据业务自身复杂程度来动态调整参考线。

发现问题：通过配置JS 错误或性能报警来第一时间洞察线上运行状况，也可通过看板订阅的方式定时推送可视化图表发送至你的邮箱或其他方式。
分析问题：
1. 异常问题：通过 sourcemap 反解将晦涩难懂的错误堆栈还原至开发环境，再通过数据探索回溯发生错误前的用户操作行为，包括网络请求、路由跳转、setData 调用等等，帮你更快速定位问题所在。
2. 性能问题：配合默认指标参考线，性能监控总览能直观展示启动 / 运行时性能在某段时间内的达标程度，然后针对于异常指标，进入数据探索进一步下钻至单次 Session 信息，Session 囊括了首屏 冷启动 阶段、页面渲染阶段等等，直观展示线上真实用户体验的瀑布图，助你更快发现性能根因所在。
效果验证：品质优化上线后，可通过以下功能来灵活量化和验证优化效果。
1. 天级报表：字节工程师在提升前端应用品质的过程中，预设计的一系列与业务目标强相关的指标看板。以天为粒度展示所选时间周期内小程序的表现分以及各核心指标的趋势图，可直观对比品质优化前后核心指标的变化。
2. 自定义看板：用户可灵活配置各项性能或异常指标，并可自定义时间维度来观测品质优化前后核心指标的变化。