Lighthouse

Lighthouse는 구글이 개발한 오픈 소스 웹 성능 평가 도구입니다. 이 도구는 웹 페이지의 성능, 접근성, SEO, 최적화 및 Progressive Web App(PWA) 기능 등을 평가하고 개선할 수 있는 자세한 리포트를 제공합니다.

주요 기능은 다음과 같습니다:

성능 평가: 페이지의 로딩 속도와 반응성을 측정하여 사용자 경험을 개선할 수 있는 방법을 제시합니다.
접근성: 웹 페이지가 다양한 사용자, 특히 장애가 있는 사용자들에게 얼마나 접근 가능한지를 평가합니다.
SEO: 검색 엔진 최적화(SEO)와 관련된 페이지 요소를 분석하여 검색 엔진에서의 가시성을 높이는 방법을 제안합니다.
최적화: 페이지가 최적화되어 있는지 여부를 검사하고, 코드 및 리소스의 최적화를 통해 성능을 향상시킬 수 있는 방법을 안내합니다.
PWA: Progressive Web App으로서의 기능을 평가하고, 오프라인 사용 및 앱과 같은 사용자 경험을 제공하기 위한 조언을 제공합니다.

Lighthouse는 Chrome 개발자 도구, 명령줄 인터페이스, 또는 웹 기반의 온라인 도구로 사용할 수 있습니다.

Next.js docs 에서도 성능과 품질을 높이기 위해 Lighthouse를 활용하는 것을 권장하고 있습니다.

before

after