Web サイトのパフォーマンスを定点観測する仕組みを作った話 | Rukolog

この記事は YAMAP エンジニア Advent Calender 2020 1日目の記事です。 パフォーマンス計測に至った理由YAMAP では地図を表示する画面が多いです。地図にはランドマークのピンアイコンだったり、登山道だったり、たくさんの要素を表示する必要があり、ページが重いことが体感的にわかることがありました。しかし、実際に重いのかどうかよくわからないし、改善するためにも指標が必要です。 そこでなにか指標を決めて、計測をしようと思いました。 パフォーマンスの指標パフォーマンスの指標について調べていると、Web サイトのユーザー体験の観測には2つの視点があることがわかりました。 合成モニタリング合成モニタリングは、同じ環境で定期的に繰り返し計測します。ある特定の環境をシュミレートし、その環境で計測を続けるので、計測結果のゆらぎが少ないです。この後書くリアルユーザーモニタリングと違っ

[nc44v-134-nvtyqfgq]

lighthouse-observerをcloud functionsで定期実行してその結果をspread sheetに記録する。そしてデータポータルで可視化する・・・いい話だ