프론트엔드
Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화
두줄요약
Playwright로 로그인 세션을 자동 구성한 뒤 Lighthouse를 실행해 인증 페이지 성능 측정을 자동화했습니다. 수집한 지표는 CloudWatch와 Grafana로 연동해 지속적으로 모니터링할 수 있게 했습니다.
핵심 내용
- Playwright로 로그인 과정을 자동화해 인증 세션을 구성하고, 그 상태에서 Lighthouse를 실행해 인증 기반 페이지 성능 측정 자동화 구조를 구현
- 인증 세션은 storageState와 로컬스토리지 값으로 재사용하고, 측정 결과는 JSON으로 저장해 AWS CloudWatch와 Grafana로 전송·시각화
- Puppeteer와 Cypress를 비교한 뒤, 세션 제어·병렬 실행·멀티 브라우저·개발자 경험 측면에서 Playwright를 선택
- GitHub Actions cron으로 주기 실행해 로그인 → 측정 → 업로드 → 시각화까지 전체 흐름을 자동화
적용해볼 점
- 로그인 이후에만 접근 가능한 페이지의 성능도 정기 측정 대상으로 포함
- 측정 결과를 외부 모니터링 도구와 연결해 추이 관리 및 이상 징후 확인