Google PageSpeed ​​Insights vs. Lighthouse: 사이트 성능을 가장 잘 측정하는 것은 무엇입니까?

페이지 속도란 무엇입니까?

페이지 속도는 브라우저가 페이지 액세스 요청을 보내는 시점과 페이지가 콘텐츠를 렌더링하는 시점 사이의 시간입니다. 페이지는 다양한 로드 시간과 사용자 목적을 가진 많은 가시적 및 비가시적 구성요소(이미지, 텍스트, 트래커, 플러그인 등)로 구성됩니다. Google은 페이지 속도를 첫 번째 콘텐츠가 포함된 페인트 및 상호작용 시간과 같은 로딩 이정표를 측정하는 특정 측정항목으로 분류합니다.

페이지 속도는 사이트가 성장하고 기술이 변경되고 웹 표준이 발전함에 따라 변동합니다. 방문자가 사이트를 사용하는 방식과 전환 여부에 영향을 줄 수 있습니다. 따라서 페이지 속도 추적은 정기적인 사이트 상태 모니터링 프로세스의 기본적인 부분이어야 합니다.

그러나 최고의 페이지 속도 추적 도구는 무엇입니까?

Google은 Google PageSpeed ​​Insights 및 Lighthouse의 두 가지 공식 옵션을 제공합니다. 둘 다 디지털 마케터와 개발자가 웹사이트 페이지 속도를 최적화할 수 있도록 설계된 강력한 무료 도구입니다. 몇 가지 주요 차이점이 있습니다. PageSpeed ​​Insights와 Lighthouse를 비교하고 페이지 속도 추적 및 개선에 대해 알아야 할 사항에 대해 논의해 보겠습니다.

Google PageSpeed ​​Insights란 무엇입니까?

Google PageSpeed ​​Insights(PSI)는 실제 데이터와 실험실 데이터를 모두 사용하여 데스크톱 및 휴대기기에서 페이지 속도 측정항목을 측정하는 무료 도구입니다. 실제 데이터('필드 데이터'라고도 함)는 Chrome 사용자 경험 보고서에서 가져온 28일 집계이며 실험실 데이터는 Lighthouse API를 사용하여 계산됩니다.

PSI는 누구나 쉽게 사용할 수 있습니다. https://pagespeed.web.dev/로 이동하여 URL을 연결하고 API가 보고서를 생성할 때까지 잠시 기다리면 됩니다. URL이 Google의 핵심 Web Vitals와 어떻게 비교되는지 확인하고, 자세한 속도 측정항목을 평가하고, 전반적인 웹사이트 성능 평가를 받을 수 있습니다.

성능 평가는 각 속도 메트릭 점수의 가중 평균. 이는 전체 등급과 같지만 만능 측정은 아닙니다. 아래 괄호 안의 백분율은 성과 평가를 계산할 때 각 측정항목에 부여된 가중치를 나타냅니다.

• 첫 번째 콘텐츠가 포함된 페인트: (10%) 첫 번째 이미지 또는 텍스트 블록이 완전히 로드되는 데 걸리는 시간입니다.
• 속도 지수: (10%) 화면이 완료될 때까지 보이는 콘텐츠가 로드되는 데 걸리는 평균 시간입니다.
• 가장 큰 콘텐츠가 포함된 페인트: (25%) 가장 큰 이미지 또는 텍스트 블록이 완전히 로드되는 데 걸리는 시간입니다.
• 대화형 시간: (10%) 페이지가 완전히 대화형이 되는 데 걸리는 시간입니다.
• 총 차단 시간: (30%) 사용자 입력에서 페이지가 차단되는 동안 첫 번째 콘텐츠가 포함된 페인트와 대화형 시간 사이의 시간 차이입니다. (즉, 화면에 무언가가 처음 표시되는 시점과 사용자가 실제로 클릭할 수 있는 시점 사이의 시간 차이입니다.)
• 누적 레이아웃 이동: (15%) 예기치 않은 레이아웃 이동의 측정값입니다. 즉, 페이지 위나 아래로 다른 콘텐츠를 재구성하거나 이동하는 콘텐츠 로드 순서가 잘못되었습니다.

웹사이트의 성능 평가가 완벽하지 않거나 일부 측정항목이 낮은 것처럼 보이더라도 너무 걱정하지 마십시오. 속도 측정항목은 통제할 수 없는 몇 가지 요인에 따라 변동될 수 있습니다. 이러한 측정항목은 데이터의 집계이며 실제 경험은 사용자마다 다를 수 있음을 기억하십시오.

하지만 보고서 하단에 있는 '기회 및 진단' 섹션에 집중하면 실적 평가를 최대화하고 페이지 속도를 향상시킬 수 있습니다. 이 섹션에는 속도 메트릭을 개선할 수 있는 특정 작업에 대한 권장 사항이 포함되어 있지만 구현하려면 SEO 웹 개발자의 도움이 필요할 수 있습니다.

Google 등대란 무엇입니까?

Google Lighthouse는 사이트 감사를 수행하여 다양한 측정항목을 측정할 수 있는 무료 오픈 소스 도구입니다. Lighthouse는 페이지 속도를 평가하는 것 외에도 사이트가 최신 웹 개발 표준, 사이트의 접근성 수준, 크롤링 가능성 등에 얼마나 잘 부합하는지 평가할 수 있습니다.

Lighthouse는 실험실 데이터를 독점적으로 사용합니다. 즉, 감사는 실제 사용자 데이터에서 수집되지 않고 사전 정의된 통제된 환경에서 실행됩니다.

Google Lighthouse 속도 테스트에 액세스하는 몇 가지 방법이 있습니다. 개발자가 아닌 사람이 Lighthouse를 사용하는 가장 쉬운 방법은 Chrome 브라우저 확장 프로그램을 사용하는 것이지만 확장 프로그램은 자체적으로 쿠키 인증을 통해 페이지를 감사할 수 없습니다. 개발자는 완전한 액세스를 위해 Chrome DevTools를 사용할 수 있습니다.

Lighthouse 보고서에는 다음에 대한 정보가 포함됩니다.

• 성능: 성능 감사는 PSI와 동일한 모든 속도 메트릭을 측정하고 더 자세한 개발 데이터를 제공합니다.
• 모범 사례: 모범 사례 감사는 보안 표준을 포함한 최신 개발 표준과 비교하여 사이트의 전반적인 "코드 상태"를 확인합니다.
• 접근성: 웹 접근성을 단일 점수로 추출하는 것은 불가능하므로 접근성 감사는 디자인, 사용자 인터페이스, 언어, 개발 및 기타 영역에서 개선을 위한 다양한 기회를 찾습니다.
• SEO: 검색 엔진 최적화(SEO) 감사는 검색 엔진이 페이지를 쉽게 크롤링할 수 있는지 확인하기 위한 기본 테스트를 제공합니다.
• 프로그레시브 웹 앱: 사이트가 프로그레시브 웹 앱인 경우 이 감사는 일반적인 속도, 안정성 및 설치 가능성을 측정합니다.

Lighthouse 스택 팩이란 무엇입니까?

스택 팩은 Lighthouse의 최신 기능 중 하나입니다. 스택 팩을 사용하면 개발자는 페이지에서 사용하는 스택에 따라 스택 기반 권장 사항을 볼 수 있습니다. 이러한 권장 사항은 모든 도구 및 플랫폼과 호환되지 않는 Lighthouse에서 제공하는 표준 일반 권장 사항보다 관련성이 높습니다. 새로운 스택 팩이 자주 릴리스되므로 공식 Github 리포지토리를 방문하여 자세히 알아보세요.

Google PageSpeed ​​Insights vs. Lighthouse

Google PageSpeed ​​Insights 는 실제 사용자 및 실험실 데이터를 결합하여 페이지 속도에 대한 철저하고 이해하기 쉬운 개요를 제공합니다. Lighthouse 는 개발자 중심이며 페이지 로드 속도에서 웹 보안에 이르기까지 모든 것을 다루는 감사에서 실험실 데이터를 수집합니다. 둘 다 개선 권장 사항을 제공합니다.

Google PageSpeed ​​Insights vs. Lighthouse: 개요

Google PageSpeed ​​Insights를 사용해야 하는 경우

URL의 속도와 특정 개선 권장 사항을 명확하게 이해하여 직접 구현하거나 개발자에게 전달하려면 PSI를 사용하세요.

Google Lighthouse를 사용해야 하는 경우

개발자(또는 약간의 개발 지식이 있는 비개발자)이고 페이지 속도 이상의 다양한 사이트 메트릭에 대해 자세히 알아보려면 Lighthouse를 사용하십시오. 스택 팩은 Lighthouse에서 제공하는 표준 권장 사항보다 더 맞춤화된 권장 사항을 제공하는 데 도움이 될 수 있습니다.

최고의 데이터를 원하십니까? PageSpeed ​​Insights 및 Lighthouse 모두 ​​사용

PSI와 Lighthouse는 각각 강점과 한계가 있지만 함께 사용하여 사이트를 전체적으로 파악할 때 가장 효과적입니다.

Lighthouse는 데이터에 대한 더 넓은 보기를 제공하지만 PageSpeed ​​Insights는 실제 사용자에게 웹 페이지의 성능을 보다 현실적으로 보여줍니다. 둘 다 사용하여 사이트의 프론트엔드 및 백엔드 개선을 위한 권장사항을 얻으십시오. 사용할 수 있는 데이터가 많을수록 사이트 조정이 더 효과적입니다.

무료 전자책으로 Google 도구를 최대한 활용하세요

이 기사에서 한 가지를 빼면 페이지 속도가 중요하며 표면적으로 보이는 것보다 훨씬 더 복잡하다는 것입니다. 사이트의 속도를 높이는 방법이 한 가지가 아닌 것처럼 사이트의 검색 엔진 성능을 높이는 방법도 한 가지 또는 데이터를 추적하는 최고의 Google 도구도 없습니다.

사이트 최적화에는 많은 데이터를 저글링하고 복잡한 도구를 탐색하는 작업이 포함됩니다. 일을 덜 복잡하게 만들려면 무료 eBook인 Google SEO용 도구를 다운로드하십시오.

SEO용 Google 도구 가이드

이 가이드를 다운로드하여 SEO 프로세스와 성능을 개선하기 위해 Google이 제공하는 강력한 무료 도구를 최대한 활용하는 방법을 알아보세요.