Lighthouse CI를 통해 서비스 성능 지표를 빠르게 전달 받는 방법

• 웹사이트의 성능 측정을 위해 Lighthouse CI를 활용하여 Github Actions을 통한 CI를 구축하는 방법을 설명한다.

• Lighthouse CI 설정, Github Actions 연동, pnpm 설정, 빌드 및 Lighthouse CI 동작 등의 과정을 통해 코드 푸시나 PR 생성 시 성능 지표를 직접 받는 방법을 제시한다.

• 이 스크립트는 Lighthouse에서 얻은 점수 평균과 레포트 내용을 PR comment로 전송하는 로직입니다. 각 지표별로 점수를 계산하고, 점수에 따라 색상을 표시하여 성능을 시각적으로 표현합니다.

• 세부 지표에 대해서도 표준 점수에 따라 색상을 표시하며, 각 지표별로 허용 범위가 다르게 설정되어 있어 세부적인 성능 분석이 가능합니다.