Lighthouse가 우리 삶에 도입된 이후 UX, SEO와 같은 주제에 직접적으로 영향을 미치는 성능 기준의 수가 늘어났습니다. 이전 Google Pagespeed 설정에서 페이지의 몇 가지 지점을 살펴보는 평가는 수년에 걸쳐 Google 엔지니어가 개발한 방법을 통해 개선되었습니다. 이번 글에서는 Lighthouse 점수가 어떻게 계산되는지 살펴보겠습니다.
2024년 현재 Lighthouse 버전 10의 성능 기준은 다음과 같습니다.
- 첫 번째 만족스러운 페인트 - 10%
- 속도 지수 - 10%
- 콘텐츠가 포함된 최대 페인트 - 25%
- 총 차단 시간 - 30%
- 누적 레이아웃 변경 - 25%
이전 버전인 Lighthouse 5와 비교하여 가장 중요한 혁신은 CLS(Cumulative Layout Shift)의 추가입니다. 2024년 XNUMX월 현재 SEO의 중요한 성능 기준으로 발표된 이 지표는 향후 몇 년 동안 매우 중요해질 수 있습니다.
Lighthouse는 페이지 속도 목표를 입력하면 어떤 점수를 얻을 수 있는지 미리 보여주는 도구도 준비했습니다. 당신은 액세스할 수 있습니다 등대 점수 계산 도구는 여기에 있습니다..
색상 구분이 어떤 숫자 범위를 기준으로 하는지 물어보면 아래 범위를 확인할 수 있습니다. 평가에서 녹색으로 표시되면 성공했음을 의미합니다.
- 0-49(나쁨): 빨간색
- 50-90 (개선 필요): 주황색
- 90+ (좋음): 초록색
모바일 사이트와 데스크톱 사이트의 점수는 다르지만, 모바일 트래픽이 75%를 초과하면 모바일 점수를 기준으로 평가가 이루어집니다.
각 Lighthouse 테스트에서 다른 결과가 나타날 수 있습니다. 그 이유에는 광고와 페이지의 광고 유형, 사이트 내 A/B 테스트 진행, 인터넷 트래픽 즉각적인 변화, 서버에서 발생할 수 있는 순간적인 상황 등을 알려드립니다.
Lighthouse 테스트를 수행하는 가장 쉬운 방법은 Chrome 브라우저를 사용하는 것입니다. "검사" 메뉴로 들어가서 "Lighthouse" 탭을 클릭한 다음 "보고서 생성" 버튼을 클릭하세요. 약 8~10초 정도 소요되는 계산은 다양한 장치와 인터넷 속도를 고려하여 수행됩니다.
