背景

小程序作為輕量級的應用發(fā)展迅速，國內已有多家小程序廠商相繼推出。為了洞察用戶真實體驗及程序自身運行狀況，監(jiān)控已成為開發(fā)套件中必不可少的一環(huán)。隨著業(yè)務愈來愈復雜，各廠商小程序管理后臺免費提供的監(jiān)控能力逐漸滿足不了大部分業(yè)務與市場的需求。當前有小程序監(jiān)控需求的用戶都面臨以下痛點：

僅支持 1 ~ 2 個小程序平臺，不支持主流小程序跨端開發(fā)框架，如 uni-app 和 Taro。
異常監(jiān)控、請求監(jiān)控、啟動/運行時性能監(jiān)控能力薄弱。
SDK 配置繁瑣、體積大、性能損耗高，接入成本高。

基于以上痛點，火山引擎 APM 團隊針對小程序監(jiān)控的的需求場景進行探索，再經過字節(jié)跳動內部多條業(yè)務線應用沉淀和多輪迭代，打造出了一站式小程序監(jiān)控平臺，旨在為開發(fā)者提供可跨平臺、監(jiān)控能力完善、簡單易用的小程序監(jiān)控服務。

火山引擎小程序監(jiān)控的功能亮點

靈活低成本的接入方式，適配多廠商、多框架

支持抖音、微信、支付寶、百度、飛書等多個廠商的原生小程序接入，也適配三方框架Uni App和Taro。
低成本接入，僅需兩行代碼即可完成初始化。
性能損耗可控，中高端機型完全初始化僅需 7 ~ 12 ms。
支持按需加載適配層以及集成模塊，且包含豐富的生命周期，滿足不同業(yè)務場景的自定義配置需求。

火山引擎推出一站式小程序監(jiān)控方案（火山引擎app）

完善的啟動和運行時性能指標體系

小程序啟動過程是指從用戶打開小程序至小程序首頁渲染完成。 SDK 側會收集該階段全部指標，包括下載耗時、JS注入耗時、App 各階段耗時、首次 Page 各階段耗時、FR(firstRender)、FP(firstPaint)、FCP(firstContentfulPaint) 等等常規(guī)性能指標。

火山引擎推出一站式小程序監(jiān)控方案（火山引擎app）

運行時性能包括頁面切換性能、setData 性能

setData 性能：包括 setData 次數、耗時、頻率以及大小。
小程序頁面切換過程是指從用戶觸發(fā)路由切換事件至新頁面渲染完成。SDK 側會收集該階段全部指標，包括路由切換耗時、頁面構建耗時、頁面渲染耗時、FR、FP、FCP 等等常規(guī)性能指標。

火山引擎推出一站式小程序監(jiān)控方案（火山引擎app）

從小程序啟動到頁面切換，我們不僅有完善的性能指標體系，而且各項指標均可在「自定義看板」中進行任意組合以滿意業(yè)務方的個性化需求。除此之外，字節(jié)內部根據實踐經驗預定義了一套默認參考線，當然也支持用戶根據業(yè)務自身復雜程度來動態(tài)調整參考線。

平臺能力概覽

火山引擎推出一站式小程序監(jiān)控方案（火山引擎app）

1. 發(fā)現問題：通過配置JS 錯誤或性能報警來第一時間洞察線上運行狀況，也可通過看板訂閱的方式定時推送可視化圖表發(fā)送至你的郵箱或其他方式。

2. 分析問題：

異常問題：通過 sourcemap 反解將晦澀難懂的錯誤堆棧還原至開發(fā)環(huán)境，再通過數據探索回溯發(fā)生錯誤前的用戶操作行為，包括網絡請求、路由跳轉、setData 調用等等，幫你更快速定位問題所在。
性能問題：配合默認指標參考線，性能監(jiān)控總覽能直觀展示啟動 / 運行時性能在某段時間內的達標程度，然后針對于異常指標，進入數據探索進一步下鉆至單次 Session 信息，Session 囊括了首屏冷啟動階段、頁面渲染階段等等，直觀展示線上真實用戶體驗的瀑布圖，助你更快發(fā)現性能根因所在。

3. 效果驗證：品質優(yōu)化上線后，可通過以下功能來靈活量化和驗證優(yōu)化效果。

天級報表：字節(jié)工程師在提升前端應用品質的過程中，預設計的一系列與業(yè)務目標強相關的指標看板。以天為粒度展示所選時間周期內小程序的表現分以及各核心指標的趨勢圖，可直觀對比品質優(yōu)化前后核心指標的變化。
自定義看板：用戶可靈活配置各項性能或異常指標，并可自定義時間維度來觀測品質優(yōu)化前后核心指標的變化。