Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
Lighthouse CI를 알아보고 Github Actions에 적용하기 섬네일

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

카카오엔터테인먼트 favicon카카오엔터테인먼트·DevOps·
ReactJavaScriptGitHubLighthouseLighthouse CI
2022년 06월 02일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

카카오엔터테인먼트가 Lighthouse CI를 Github Actions와 연동해 성능 리포트를 자동으로 생성하고 PR에 반영하는 방법을 제시합니다.

주요 특징

  • Lighthouse CI로 자동 수집·리포트 생성
  • .lighthouserc.js 설정: staticDistDir, URL, numberOfRuns(최대 5) 지정
  • 빌드/배포 파이프라인에 lhci autorun 포함
  • 보고서는 임시 저장소에 저장되며 7일 보관
  • LHCI_GITHUB_APP_TOKEN으로 GitHub App 연동 및 자동 업로드

적용 고려사항

  • CI 환경의 Chrome/네트워크 의존성 확인
  • 토큰 관리 및 레포 권한 설정

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화 섬네일
77%

Playwright로 로그인을, Lighthouse로 성능을: 인증 페이지 성능측정 자동화

펫프렌즈 favicon펫프렌즈·2025년 04월 10일
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js) 섬네일
76%

GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)

카카오엔터테인먼트 favicon카카오엔터테인먼트·2022년 09월 29일
자동화는 처음이라: 실험과 실패, 그리고 성장 섬네일
75%

자동화는 처음이라: 실험과 실패, 그리고 성장

쏘카 favicon쏘카·2025년 06월 01일