Lighthouse 정리
·
🎨 프론트엔드 공부/기타
📍 Lighthouse 란?- 웹페이지의 품질(Performance, Accessibility, Best Practices, SEO 등)을 자동으로 진단해서 점수와 지표로 보여주는 도구- 특히 성능(Performance) 점수는 여러 “지표(metric)”들의 가중 평균으로 계산됨📍 Lighthouse 점수와 색상기본적으로 각 카테고리마다 0~100 점수를 주고, 점수 구간에 따라 색을 다르게 표시한다- 0~49: 빨간색(Poor, 나쁨)- 50~89: 주황색(Needs improvement, 개선 필요)- 90~100: 초록색(Good, 양호)📍 Lighthouse 주요 카테고리- Performance: 페이지 로드 속도, 반응성 등 사용자 체감 성능을 측정- Accessibility: 스크린리더..