웹 성능 측정 자동화 비법: Lighthouse CI와 CI/CD의 만남

간단 소개

Lighthouse CI를 CI/CD 파이프라인에 통합하여 웹 성능 측정을 자동화하고, 지속적인 모니터링 및 개선을 가능하게 한다.

AI Summary

Lighthouse CI와 CI/CD 통합
- 웹 성능은 사용자 경험에 중요하며, Lighthouse를 통해 성능, 접근성, SEO 등을 평가할 수 있다.
- Lighthouse CI는 웹 성능 측정을 자동화하고 CI/CD 파이프라인에 통합하여 일관된 측정 환경을 제공한다.
자동화 프로세스
- master 브랜치 병합 후 배포 완료 시 Lighthouse CI를 트리거하여 성능을 측정하고, 각 URL을 3회 반복 측정한다.
- 측정 결과는 HTML 및 JSON 형태로 저장되며, HTML 보고서는 S3 버킷에 업로드하여 히스토리를 관리한다.
- 평균 점수를 계산하고 기준 점수 미달 시 Slack으로 경고 알림을 전송하여 즉각적인 대응을 가능하게 한다.
설정 및 관리
- Lighthouse CI CLI 도구를 설치하고, .lighthouseerc.js 파일을 통해 측정 옵션을 설정한다.
- GitHub Actions와 연동하여 배포 후 Lighthouse CI를 자동 실행하고, 결과를 Slack 알림 및 S3에 업로드한다.
- Lighthouse Report 스크립트를 통해 결과 가공, Slack 알림 전송, S3 업로드를 자동화한다.