「Grafana Faro Web SDK」の主な特徴

データ可視化のプロセス

①データ収集→送信

「Grafana Faro Web SDK」がアプリケーションに統合されると、必要なデータを収集し、データコレクターへ送信します。

②データコレクターによるデータ保存

データコレクターは「Grafana Faro Web SDK」からデータを受け取り、「Grafana Loki」「Grafana Tempo」に保存します。

③データ視覚化

保存されたデータをGrafanaで参照することで、ユーザー監視データを視覚化できます。

主な機能

■Webアプリケーションのパフォーマンス監視

・「Web Vitalsメトリック」を自動的にキャプチャ
・ユーザーが知覚するWebアプリの「パフォーマンス」「対話性」「視覚的な安定性」に関する洞察を提供

■自動エラー追跡

・未処理のエラーと拒否されたPromiseを自動的にキャプチャ
・スタックトレースの場所は、元ソースの場所に変換
・元ソースコードコンテキスト内の問題についてトラブルシューティングを実施

■完全なスタックトレース

・「Grafana Faro Web SDK」を「OpenTelemetryのJavaScriptライブラリ」と統合
・フロントエンドアクティビティをトレースとしてキャプチャ
・トレースコンテキストを伝達
・バックエンドトランザクションとの緊密な相関関係を有効化
・サービス層でのトレースと組み合わせることで、ユーザーインタラクションの原因と結果の全体像を作成

■フロントエンド ログ

・グローバルオブジェクトの使用時にログを自動的にキャプチャ
・ロギングフレームワークと統合
・プログラムでログをプッシュ
・追加コンテキストを取得　：「エラー」「ユーザーアクティビティ」「アプリケーション状態」など

その他ポイント

・OpenTelemetry-JS統合によるフロントエンドトレースのキャプチャ
・複数の「自動計測機能」+「手動計測機能」を活用
・「Grafana Labs LGTM スタック」(Loki-Grafana-Tempo-Mimir) とシームレス統合
・完全なオープンソースのオブザーバビリティソリューションを実現

参考サイト
→grafana.com　→「Grafana Labs’ New OSS Projects Grafana Phlare and Grafana Faro Extend Its Open and Composable Observability Stack」
→github.com　→grafana/faro-web-sdk
→grafana.com　→oss　→faro
→grafana.com　→docs　→grafana-cloud　→faro-web-sdk