Lighthouse CI를 알아보고 Github Actions에 적용하기

Lighthouse CI와 Github Actions를 활용한 성능 측정 자동화

• Lighthouse 소개
  • 웹 앱/페이지 분석하여 성능 지표 및 Best Practice 제공
  • Performance, Accessibility, Best Practices, SEO, PWA 등 5개 카테고리 측정
• Lighthouse CI 연동
  • Github Actions와 연동하여 성능 측정 자동화
  • lhci autorun 명령어로 Lighthouse CI 실행 및 보고서 생성
  • assert를 사용하여 성능 기준 미달 시 빌드 실패 처리
• Github Actions 설정 및 활용
  • .github/workflows/lighthouse.yaml 파일에 Github Actions 설정
  • Lighthouse CI Github App 설치 및 토큰 설정
  • PR 코멘트에 Lighthouse 보고서 상세 정보 표시 (FCP, LCP 등)