Lighthouse는 Chrome DevTools/CI에서 돌리는 자동 품질 감사 도구. Performance, Accessibility, SEO, Best Practices 등을 점수화합니다.

📂 주요 카테고리

• Performance: FCP, LCP, TBT, CLS 등 (lab 환경, throttling 적용)
• Accessibility: ARIA, contrast, label, focus
• Best Practices: HTTPS, console error, 보안 헤더
• SEO: meta, crawlability, mobile-friendly
• PWA: manifest, service worker (선택)

📊 Performance 점수 이해

• 가중치는 LCP, TBT, CLS 등에 분배 (버전별 상이)
• 단일 실행, 네트워크/CPU throttling. Field data(CrUX)와 다를 수 있음
• 점수 90+ 목표보다 실제 Web Vitals field가 더 중요한 경우 많음

🛠️ 실무 활용

• PR/배포 전 CI Lighthouse (lhci)
• DevTools → Lighthouse → Mobile/Desktop, Clear storage
• Opportunities/Diagnostics 항목을 우선순위 backlog로

🔗 참고 자료

• Lighthouse overview (Chrome for Developers) — DevTools, CLI, Node에서 Lighthouse를 돌리는 방법을 안내한다.
• Lighthouse performance scoring (Chrome for Developers) — Performance 점수 가중치와 lab 점수 해석을 설명한다.
• Web Vitals (web.dev) — Lighthouse lab 점수와 field Web Vitals의 관계를 이해하는 데 쓴다.
• PageSpeed Insights — Lighthouse 기반 lab/field 리포트를 웹에서 실행한다.