Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog

@1000ch (id:hc0001) です。技術顧問業としては広報周りの戦略を考えていることが多いのですが、今日はエンジニアリングの話です。 ドクターズプライムのプロダクト開発の中でも、パフォーマンス上の課題を発見して改善に取り組むことがあります。今回は @oinume (id:oinume) さんから 「この辺りの実装が問題になっていそう…」 という相談があったので、私がアプリケーション全体を眺めてボトルネックになっている箇所をいくつかピックアップし修正方針を提案したのですが、 実装を修正する前に 「まずは継続的にモニタリングできる環境を準備してパフォーマンスの前後がわかるようにしましょう」 ということで原点回帰した話です。 Core Web Vitals でリアルユーザーモニタリング パフォーマンス指標とプロダクト KPI の選定 リアルユーザーモニタリングと合成モニタリング データ

[teppeis]

Core Web VitalsをGoogle Analytics -> BigQuery -> Data Studioで可視化

[Pasta-K]

GoogleAnalyticsからBigQueryからのData Studioで可視化するの良さそうだと思ってたけど手を付け損ねてたけど、やっぱり良さそうだな〜

[efcl]

Web VitalsのメトリクスをGoogle Analyticsに送信し、Google データポータルで可視化する方法について

[berlysia]

めちゃくちゃいい話

[hc0001]

Core Web Vitals の指標を使ってリアルユーザーモニタリングする話を書きました。昔はもっと苦労した気がしますが、最近だと @GoogleAnalytics → BigQuery → Data Studio の連携機能が標準で用意されている📊