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

背景

小程序作为轻量级的利用倒退迅速，国内已有多家小程序厂商相继推出。为了洞察用户实在体验及程序本身运行状况，监控已成为开发套件中必不可少的一环。随着业务愈来愈简单，各厂商小程序管理后盾收费提供的监控能力逐步满足不了大部分业务与市场的需要。以后有小程序监控需要的用户都面临以下痛点：

• 仅反对 1 ~ 2 个小程序平台，不反对支流小程序跨端开发框架，如 uni-app 和 Taro。
• 异样监控、申请监控、启动 / 运行时性能监控能力单薄。
• SDK 配置繁琐、体积大、性能损耗高，接入老本高。

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

火山引擎小程序监控的性能亮点

灵便低成本的接入形式，适配多厂商、多框架

• 反对抖音、微信、支付宝、百度、飞书等多个厂商的原生小程序接入，也适配三方框架 Uni App 和 Taro。
• 低成本接入，仅需两行代码即可实现初始化。
• 性能损耗可控，中高端机型齐全初始化仅需 7 ~ 12 ms。
• 反对按需加载适配层以及集成模块，且蕴含丰盛的生命周期，满足不同业务场景的自定义配置需要。

欠缺的启动和运行时性能指标体系

• 小程序启动过程是指从 用户关上小程序 至小程序首页渲染实现。 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 等等惯例性能指标。

从小程序启动到页面切换，咱们不仅有欠缺的性能指标体系，而且各项指标均可在「自定义看板」中进行任意组合以称心业务方的个性化需要。除此之外，字节外部依据实践经验预约义了一套默认参考线，当然也反对用户依据业务本身复杂程度来动静调整参考线。

• 性能领先体验，点击体验

平台能力概览

1. 发现问题：通过配置 JS 谬误或性能报警来第一工夫洞察线上运行状况，也可通过看板订阅的形式定时推送可视化图表发送至你的邮箱或其余形式。

2. 剖析问题：

   1. 异样问题：通过 sourcemap 反解将艰涩难懂的谬误堆栈还原至开发环境，再通过数据摸索回溯产生谬误前的用户操作行为，包含网络申请、路由跳转、setData 调用等等，帮你更疾速定位问题所在。
   2. 性能问题：配合默认指标参考线，性能监控总览能直观展现启动 / 运行时性能在某段时间内的达标水平，而后针对于异样指标，进入数据摸索进一步下钻至单次 Session 信息，Session 囊括了 首屏 冷启动 阶段、页面渲染阶段 等等，直观展现线上实在用户体验的瀑布图，助你更快发现性能根因所在。

3. 成果验证：品质优化上线后，可通过以下性能来灵便量化和验证优化成果。

   1. 天级报表：字节工程师在晋升前端利用品质的过程中，预设计的一系列与业务指标强相干的指标看板。以天为粒度展现所选工夫周期内小程序的体现分以及各外围指标的趋势图，可直观比照品质优化前后外围指标的变动。
   2. 自定义看板：用户可灵便配置各项性能或异样指标，并可自定义工夫维度来观测品质优化前后外围指标的变动。

典型利用场景

察看并改良页面性能

「性能监控」提供以冷启动总耗时、小程序初始化耗时、下载耗时、JS 注入耗时等多项指标并依照 AVG、PTC75、PTC90、PCT95 排序得出性能欠佳页面和劣化 Top 5，帮忙您更好的发现和定位优化对象。

而后，咱们反对更进一步的数据下钻与现场还原，进入「数据摸索」下的「Session Tab」具体查看某单次会话的详细信息。

同时，针对单个会话的某次页面拜访，咱们能够在「View Tab」中通过「启动性能指标」和「资源加载瀑布图」察看到首次冷启动的残缺链路，从而找出问题要害。

联合「Session Tab」和「View Tab」视图，咱们初步判断：该页面的 FCP 与网络申请 user_info 以及响应回调中的 setData 是强相干，以此来推动该申请速度的优化或 setData 逻辑优化。

多平台数据比照

以后很多企业在不同小程序平台均有公布小程序，须要疾速晓得多个小程序平台的业务差别，则可应用「自定义看板」，反对用户灵便配置指标和图表模式，帮忙您治理高频应用的图表，自主设计业务大盘。例如对不同厂商的小程序进行数据比照。

• 用户数据比照：包含 PV、UV、手机型号、零碎等等用户相干数据，对立出现，横向比照。

• 根底性能数据比照：得益于适配层的架构，SDK 在收集侧对立了所有小程序厂商的根底性能数据。例如首屏加载总耗时、页面跳转总耗时等等。

限时收费体验中

以后火山引擎小程序监控产品推出助力流动，新用户可申请收费试用。

• 点击下方链接， 申请试用 ：

https://wenjuan.feishu.cn/m/c…

具体产品能力可上火山引擎官网体验产品 demo。

• 点击下方链接， 体验小程序监控 demo ：

https://console.volcengine.co…