https://www.youtube.com/shorts/KHSITmHJpnw?feature=share
여러분, 웹사이트를(블로그 등) 만들고 운영하다 보면 "내 사이트가 정말 잘 돌아가고 있는 걸까?" 하는 생각이 들 때가 있죠?
특히 속도는 빠른지, SEO(검색엔진 최적화)는 잘 되어 있는지, 접근성은 괜찮은지 궁금할 때가 많아요.
이럴 때! 크롬 확장프로그램 **"Lighthouse"**를 사용하면 아주 쉽게 내 웹사이트의 상태를 체크할 수 있습니다.
오늘은 Lighthouse가 뭔지, 어떻게 설치하고 사용하는지 아주 쉽게 알려드릴게요!
우선 Lighthouse 확장 프로그램이란?
Lighthouse는 구글에서 만든 웹사이트 성능 분석 도구예요.
이걸 이용하면 웹사이트가 얼마나 빠른지, SEO(검색 최적화)는 잘 되어 있는지, 접근성은 괜찮은지
등을 평가할 수 있어요.
간단히 말하면, **"내 웹사이트를 더 좋게 만들 수 있도록 도와주는 검사 도구"**라고 보면 됩니다.
Lighthouse 확장프로그램 설치 방법!
이제 직접 Lighthouse를 설치해볼까요? 방법은 아주 간단합니다.
1️⃣ 크롬 브라우저를 실행합니다.
2️⃣ 크롬 웹 스토어에 접속합니다. 👉 Lighthouse 확장프로그램
3️⃣ 검색창에 "Lighthouse" 입력 후 검색! 🔎
4️⃣ "Chrome에 추가" 버튼을 클릭하고, 확인창이 뜨면 **"확장 프로그램 추가"**를 눌러줍니다.
5️⃣ 이제 크롬의 확장프로그램 목록에 Lighthouse가 추가되었습니다! 🎉
Lighthouse로 웹사이트 분석하는 방법!
설치가 끝났다면 이제 실제로 어떻게 사용하는지 알아볼까요?
방법 1: 확장 프로그램에서 실행하기
1️⃣ 크롬 오른쪽 상단의 퍼즐 모양 🧩 아이콘을 클릭!
2️⃣ Lighthouse 확장 프로그램을 클릭하면 팝업이 뜹니다.
3️⃣ "Generate Report" (리포트 생성) 버튼을 누르면 분석이 시작됩니다.
4️⃣ 잠시 기다리면 웹사이트의 성능 점수와 개선할 점을 알려주는 멋진 리포트가 등장! 🎯
방법 2: 개발자 도구(DevTools)에서 실행하기
1️⃣ 크롬에서 분석하고 싶은 웹사이트를 연다.
2️⃣ F12 또는 Ctrl + Shift + I 를 눌러 개발자 도구를 엽니다.
3️⃣ 상단 탭에서 **"Lighthouse"**를 클릭! (안 보이면 오른쪽 >> 버튼을 눌러보세요.)
4️⃣ 원하는 검사 항목을 선택하고 "Analyze page load" 클릭!
5️⃣ 분석이 끝나면 점수와 함께 개선할 점이 쫘악~ 나옵니다.
[동영상 참고]
영상시청시 전체화면으로 보세요 ^^
https://www.youtube.com/shorts/KHSITmHJpnw?feature=share
글씨가 잘 보이지 않아 큰 화면 영상 추가합니다.
📊 Lighthouse 리포트 해석하기!
Lighthouse는 5가지 항목을 평가해줍니다.
✅ Performance (성능) : 웹사이트 속도가 얼마나 빠른지!
✅ Accessibility (접근성) : 장애가 있는 사람들도 쉽게 이용할 수 있는지!
✅ Best Practices (최적화 여부) : 보안과 코드 작성이 제대로 되었는지!
✅ SEO (검색엔진 최적화) : 구글 검색에 잘 노출되는지!
✅ Progressive Web App (PWA) : 웹사이트가 앱처럼 작동할 수 있는지!
각 항목은 0~100점으로 점수가 매겨지는데, 90점 이상이면 아주 우수한 상태라고 보면 돼요. 🎯
Lighthouse 활용 꿀팁!
🌟 점수가 낮다면?
- 성능(Performance) 점수가 낮다면? 👉 이미지 압축 & 불필요한 스크립트 줄이기!
- SEO 점수가 낮다면? 👉 메타 태그와 구조화 데이터 추가!
- 접근성(Accessibility) 점수가 낮다면? 👉 텍스트에 대비(색상) 조정 & 이미지에 대체 텍스트 추가!
🌟 정기적으로 점검하기
웹사이트는 계속 변하기 때문에, 한 번만 검사하고 끝내지 말고 주기적으로 점검하는 게 좋아요!
🌟 경쟁 사이트와 비교해보기
내 사이트뿐만 아니라 경쟁 사이트의 Lighthouse 점수도 확인해 보면, 내 사이트를 더 개선할 수 있는 아이디어를 얻을 수 있어요!
오늘은 구글에서 만든 강력한 웹사이트 분석 도구 Lighthouse에 대해 알아봤어요!
✔ 설치 방법 간단! 크롬 웹스토어에서 바로 설치 가능!
✔ 사용법 초간단! 클릭 몇 번이면 웹사이트 분석 끝!
✔ 점수를 보고 개선할 점 확인! 내 사이트를 더 빠르고 SEO 최적화되게 만들 수 있음!
웹사이트를 운영하는 분이라면, Lighthouse는 필수 도구라고 할 수 있어요.
지금 바로 설치하고 여러분의 웹사이트 상태를 확인해 보세요!
이 글이 도움 되셨다면 공유 & 댓글 부탁드려요! 😆 😆 😆 😆 😆
'^________________^ > 직접해보기' 카테고리의 다른 글
| 자동차 스마트키 배터리 간단히 교체해보세요 (4) | 2025.04.07 |
|---|---|
| 집에서 간단히 구름빵 만들어보기~!! (1) | 2025.04.07 |
| 내 폰 어디 갔어?!" 삼성 파인더로 잃어버린 스마트폰 찾는 비법 (2) | 2025.03.24 |
| 자동차 풍절음 줄여보기~!!! (8) | 2025.02.25 |
| 간단히 pc에 사진전송 해보기 (카톡사진전송 No USB전송 노~) 퀵쉐어로 해보세요~! (12) | 2025.02.18 |
