Github Actionsでdeploy時にLighthouse計測をする
結果は一時的なwebページとしてURLが提供される
だからlocalで計測したのと同様にclickして詳細を展開するなどできる
mobile, PCなどの指定もできる
選択肢がいくつかある
primitiveなやつ
localhostの実行とかできなさそうだった(知らんけど)
Slack通知、S3連携なども入っている
めちゃくちゃ良い


やりたいこと
指定したページ全てでLighthouseの計測をする
折れ線グラフで遷移を見る、とかはいらない
前回との差分はみたい
Slackに通知
どの環境でLighthouseの計測が行われるか
urls
で指定できる
build, runしたあとにlocalhost
外部のURL上
urls
で複数指定できるので、複数ページの計測を同時にできる
そもそもこれGithub Actionでできるのか?
AWSのCIか何かを使ったほうが良かったりする?
developにmergeしたときに動かしてほしいが、毎回やってほしいわけでもない
budgetってなに?
設定項目
slack通知する
参考
参考にしてるサイト、だいたいversionが古いので注意

setup-nodeとかcheckoutとかもろもろ