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

이 글은 웹 성능 측정 및 최적화를 위해 Lighthouse와 Lighthouse CI를 활용하는 방법을 소개합니다. Lighthouse는 웹 앱 및 웹 페이지의 성능, 접근성, 모범 사례, SEO, PWA 등 다양한 지표를 분석하여 인사이트를 제공합니다.

특히, Performance 카테고리에서는 First Contentful Paint, Time to Interactive 등 상세 성능 지표를 확인할 수 있습니다. 글에서는 create-react-app으로 생성된 React 앱에 Lighthouse를 적용하여 성능 보고서를 생성하는 과정을 보여주며, 더 나아가 Github Actions를 활용하여 이러한 성능 측정을 자동화하는 방법에 대해 설명합니다.

이를 통해 개발 과정에서 지속적으로 웹 성능을 관리하고 개선할 수 있는 방안을 제시합니다.