Datadog と Lighthouse を利用した WebPerf の継続的計測

こんにちは。ものづくり推進部、フロントエンドエンジニアの武田です。 今日は Datadog, Lighthouse を使ったクライアントパフォーマンス計測に取り組んでいる、というお話です。 mediba では webpagetest を使った定期実行と計測を以前から行っています。 DataStudioとGASでWebPagetestの計測結果をグラフ化するuknmr/gas-webpagetest紹介記事: gas-webpagetestでWebPagetestのパフォーマンス計測を自動化、可視化する1 での取り組みをベースにし、clasp で GAS のソースコード管理・デプロイを実現するための仕組みや webpagetest Lighthouse test と連携したメトリクスの取得まで網羅したものが 2 になります。 今回は少し webpagetest とは趣向を変えて Lighth

[gfx]

よさそう。

[braitom]

フロントエンドのパフォーマンス計測について。Lighthouseを定期的に実行しDatadogにカスタムメトリクスを送信、その結果をDatadogのダッシュボードで可視化している。

[okonomi]

これやりたいと思ってたやつだ！

[sasasin_net]

なるほどカスタムメトリクス投げてDatadogでダッシュボードか

[efcl]

Lighthouseで計測した値をDatadogに保存してメトリクスの可視化を行う方法について