한눈에 보는 정의
구글이 만든 웹페이지 자동 점검 도구로, 성능·접근성·권장사항·SEO를 점수와 개선 항목으로 보여 준다.
이런 말로 들어요
- 라이트하우스 모바일 성능 점수가 낮게 나와서 이미지부터 줄이겠습니다.
- 라이트하우스 접근성 항목에서 버튼 이름 누락이 나왔어요.
그림으로 보기
라이트하우스는 페이지를 정해진 조건에서 측정해 항목별 점수와 개선 제안을 보여 줍니다. 점수는 예시입니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
크롬 개발자 도구의 Lighthouse 탭이나 PageSpeed Insights에서 실행할 수 있습니다. 페이지를 정해진 조건에서 불러와 측정하고, 각 항목 점수와 함께 "이미지 크기를 줄이세요" 같은 개선 제안을 보여 줍니다. 실험실 환경 측정이라 실행할 때마다 점수가 조금씩 달라질 수 있습니다.
실무 예시
예를 들어 홈페이지를 리뉴얼한 뒤 같은 조건으로 라이트하우스를 다시 돌려 이전 결과와 개선 항목을 비교합니다.
함께 살펴볼 점
라이트하우스 점수는 실험실 측정이라 실제 방문자 경험(Core Web Vitals 현장 데이터)과 다를 수 있습니다. 점수 100을 목표로 삼기보다 지적된 항목을 고치는 데 씁니다.
AI에게 이렇게 요청해 보세요
라이트하우스 결과에서 성능 점수를 깎는 상위 항목 세 가지를 골라 이 사이트 코드에서 어떻게 고칠지 알려 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- Introduction to Lighthouse | Chrome for Developers 새 창
Lighthouse가 성능·접근성·SEO 등을 감사하는 자동화 도구이며 개발자 도구·명령줄 등에서 실행된다는 설명을 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정