코딩 에이전트가 Chrome DevTools를 사용해 실행 중인 Chrome 브라우저를 제어하고 검사하며, 디버깅과 성능 분석을 수행하도록 지원하는 MCP 서버입니다.
GoogleChrome/lighthouse
Chrome DevTools, Chrome 확장 프로그램, Node CLI 및 모듈에서 실행할 수 있는 오픈소스 웹 페이지 감사 도구로, 성능·접근성·SEO와 모범 사례를 점검합니다.
대체할 수 있는 제품:PageSpeed Insights
WebPageTest
- 스타
- 30,924
- 포크
- 9,772
- 열린 이슈
- 439
- 마지막 커밋
- 7시간 전
어떤 프로젝트인가요?
Lighthouse는 웹 앱과 웹 페이지를 분석해 성능 지표를 수집하고 개발 모범 사례에 관한 보고서를 생성합니다. 로컬 Chrome 브라우저에서 페이지를 실행하고 기본적으로 네트워크와 CPU 속도를 시뮬레이션해 제한한 뒤, 성능·접근성·모범 사례·SEO 항목별 점수가 포함된 보고서를 만듭니다.
Chrome DevTools의 Lighthouse 패널, Chrome Web Store 확장 프로그램, Node CLI 또는 프로그래밍용 Node 모듈로 실행할 수 있습니다. CLI는 HTML, JSON, CSV 형식으로 결과를 출력하고, 파일에 지정된 여러 URL을 감사하며, 트레이스와 스크린샷을 저장할 수 있습니다. 실행은 로컬에서 이루어지며 결과는 원격 서버로 전송되지 않습니다.
설정, 사용자 지정 감사 및 플러그인을 통해 기능을 확장할 수 있습니다. 여러 서드파티 서비스와 CI 통합 도구가 Lighthouse를 기반으로 구축되어 있으며, CLI를 사용하려면 Node 22 이상이 필요합니다.
핵심 기능
- 01성능, 접근성, 모범 사례, SEO 항목별로 페이지에 점수를 매깁니다.
- 02Chrome DevTools, Chrome 확장 프로그램, Node CLI 또는 Node 모듈에서 실행할 수 있습니다.
- 03HTML, JSON 또는 CSV 형식으로 보고서를 출력합니다.
- 04설정 가능한 네트워크 및 CPU 속도 제한과 모바일·데스크톱 프리셋을 지원합니다.
- 05설정을 통해 사용자 지정 감사와 플러그인을 지원합니다.
- 06여러 URL을 일괄 감사하고, 헤더와 쿠키를 사용해 인증이 필요한 페이지도 지원합니다.
활용 사례
- 출시 전에 사이트 로딩 성능과 Core Web Vitals를 확인합니다.
- CI 파이프라인에서 성능 및 품질 감사를 자동으로 실행합니다.
- 시간에 따른 페이지 점수를 비교해 성능 회귀를 감지합니다.
- 여러 URL을 일괄 감사해 SEO 및 접근성 문제를 찾습니다.
빠른 시작
- 1
npm으로 Lighthouse를 전역 설치합니다
npm install -g lighthouse - 2
URL을 감사합니다(HTML 보고서는 파일로 저장됩니다)
lighthouse https://airhorner.com/
사용 전 알아둘 점
- Node CLI를 사용하려면 Node 22(LTS) 이상이 필요합니다.
- 감사를 실행하려면 머신에 Chrome이 설치되어 있어야 합니다.
토픽
자주 묻는 질문
- lighthouse은(는) 무엇인가요?
- Chrome DevTools, Chrome 확장 프로그램, Node CLI 및 모듈에서 실행할 수 있는 오픈소스 웹 페이지 감사 도구로, 성능·접근성·SEO와 모범 사례를 점검합니다. Lighthouse는 웹 앱과 웹 페이지를 분석해 성능 지표를 수집하고 개발 모범 사례에 관한 보고서를 생성합니다. 로컬 Chrome 브라우저에서 페이지를 실행하고 기본적으로 네트워크와 CPU 속도를 시뮬레이션해 제한한 뒤, 성능·접근성·모범 사례·SEO 항목별 점수가 포함된 보고서를 만듭니다.
- lighthouse은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- lighthouse은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- lighthouse은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. lighthouse의 마지막 커밋은 2026년 10월 21일입니다.
- lighthouse은(는) 어디에 사용할 수 있나요?
- 출시 전에 사이트 로딩 성능과 Core Web Vitals를 확인합니다. CI 파이프라인에서 성능 및 품질 감사를 자동으로 실행합니다. 시간에 따른 페이지 점수를 비교해 성능 회귀를 감지합니다. 여러 URL을 일괄 감사해 SEO 및 접근성 문제를 찾습니다.
- lighthouse는 어떻게 설치하나요?
- npm으로 Lighthouse를 전역 설치합니다: npm install -g lighthouse URL을 감사합니다(HTML 보고서는 파일로 저장됩니다): lighthouse https://airhorner.com/
- lighthouse은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/GoogleChrome/lighthouse
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
사람과 AI 에이전트를 위한 프런트엔드 모범 사례 규칙 386개와 에이전트 주도 감사를 지원하는 호스팅 MCP 서버를 제공하는 오픈소스 체크리스트입니다.
HTML, CSS, 폰트, 이미지, JavaScript, 서버 설정을 아우르며 각 항목의 이유와 적용 방법, 관련 도구를 안내하는 프런트엔드 성능 체크리스트입니다.
기술 SEO, E-E-A-T, Schema.org, AI 검색 최적화를 병렬로 감사하는 Claude Code용 오픈소스 SEO 플러그인입니다.
AI 코딩 에이전트에 Vercel 및 React/Next.js 모범 사례 지식을 제공하는 설치형 지침 팩 모음입니다.
리셋, 레이아웃, 선택자, 타이포그래피, 반응형 크기 조정까지 다루는 실용적인 CSS 팁 모음으로, 각 팁에 짧은 코드 예제가 포함되어 있습니다.