경험 감사 대시보드 experience-audit-dashboard

경험 감사에서 배포 프로세스를 검증하여 변경 사항이 성능, 접근성, 모범 사례 및 SEO(검색 엔진 최적화)에 대한 기준 표준을 충족하는지 확인하는 방법을 알아봅니다. 이러한 지표를 추적할 수 있는 명확하고 유용한 대시보드 인터페이스를 제공합니다.

개요 overview

경험 감사는 배포 프로세스를 검증하고 변경 사항이 배포되었는지 확인합니다.

Cloud Manager의 경험 감사를 통해 사이트에서 사용자의 경험을 최고 수준으로 유지할 수 있습니다.

감사 결과는 정보 제공용이며 이를 통해 배포 관리자가 점수, 현재 점수와 이전 점수 간의 변화를 확인할 수 있습니다. 이 인사이트는 현재 배포에 도입된 회귀가 있는지 확인하는 데 유용합니다.

경험 감사는 Google의 오픈 소스 도구인 Google Lighthouse에서 제공하며 모든 Cloud Manager 프로덕션 파이프라인에서 활성화됩니다.

사용 가능 availability

Cloud Manager에서 경험 감사를 사용할 수 있습니다.

선택적 환경에 대한 감사를 구성하는 방법에 대한 자세한 내용은 구성 섹션을 참조하십시오.

감사는 파이프라인의 일부로 실행됩니다. 파이프라인 외부에서 요청 시 실행할 수도 있습니다.

구성 configuration

경험 감사는 프로덕션 파이프라인에 기본적으로 사용할 수 있습니다. 전체 스택 및 프론트엔드 파이프라인 개발에 선택적으로 활성화할 수 있습니다. 모든 경우 파이프라인 실행 중에 평가되는 콘텐츠 경로를 정의해야 합니다.

경험 감사 결과 results

경험 감사 결과는 프로덕션 파이프라인 실행 페이지 ​를 통해 프로덕션 파이프라인의 단계 테스트 단계에 표시됩니다.

경험 감사에서는 구성된 페이지에 대한 중간 Google 등대 점수와 이전 스캔과의 점수 차이를 제공합니다.

파이프라인의 스테이지 테스트 단계에 있는 이 요약 보기에서 다음 두 가지 옵션이 있습니다.

Cloud Manager 대시보드에서 보고서 탭을 클릭하여 전체 감사 결과에 액세스할 수 있습니다. 파이프라인 실행 세부 정보에 표시된 요약 외에도 전체 보고서를 직접 볼 수 있습니다.

가장 느린 페이지 보기 view-slowest-pages

가장 느린 페이지 보기 ​를 클릭하여 가장 느린 5페이지 대화 상자를 엽니다. 감사를 위해 구성한 5개의 가장 성과가 낮은 페이지가 표시됩니다.

Cloud Manager은 성능, 접근성, 모범 사례, SEO ​별로 점수를 분류하여 이전 감사와 각 지표의 편차를 보여 줍니다.

기본적으로 모바일 장치의 점수가 포함된 대화 상자가 열립니다. 대화 상자 상단 근처에 있는 장치 전환을 사용하여 데스크톱 점수를 볼 수 있습니다.

이 대화 상자는 간략한 개요를 제공하기 위한 것입니다. 자세한 내용을 보려면 전체 보고서 보기 ​를 클릭하십시오.

전체 보고서 보기 view-full-report

다음을 수행하여 전체 경험 감사 보고서를 볼 수 있습니다.

Cloud Manager의 보고서 탭이 열려 경험 감사 ​를 표시합니다.

보고서는 다음 두 영역으로 분할됩니다.

페이지 점수 — 트렌드 trend

기본적으로 페이지 점수 — 트렌드 ​에 대해 선택한 보기는 작년 ​의 중간 점수 ​입니다.

범례에서 카테고리 이름을 클릭하여 특정 등대 카테고리의 트렌드를 보도록 선택할 수 있습니다.

차트 상단의 선택 드롭다운을 사용하여 페이지별 세부 정보를 선택하고 하단의 보기 및 트리거 드롭다운을 사용하여 각각 다른 시간대와 트리거 유형을 선택합니다.

보기 드롭다운을 사용하면 미리 설정된 시간대나 더 구체적인 보기에 대한 사용자 지정 간격을 선택할 수 있습니다.

차트 위로 마우스를 가져가면 도구 설명에 특정 시점의 Google Lighthouse 카테고리 값이 표시됩니다.

특정 시점에 차트를 클릭하면 해당 검사의 세부 정보가 포함된 팝업이 열립니다. 경험 감사 검사 열기 ​를 클릭하여 해당 검사 결과를 경험 감사 검사 결과 섹션으로 로드합니다.

경험 감사 스캔 결과 scan-results

경험 감사 검사 결과 섹션은 검사한 모든 페이지의 점수에 대한 세부 정보를 제공합니다. 이전 및 다음 단추를 사용하여 결과를 페이징하고 표시할 페이지의 수를 선택하십시오.

특정 페이지의 링크를 클릭하면 페이지 점수 — 트렌드 섹션​의 ​선택 필터가 업데이트되고 페이지의 모든 감사에 대한 점수를 제공하는 원시 보고서 탭이 표시됩니다. 원시 데이터의 JSON 파일을 검색하려면 Lighthouse 보고서 열의 보고서 날짜를 클릭하십시오.

브라우저에서 열리는 새 탭은 https://googlechrome.github.io/lighthouse/viewer/(으)로 이동합니다. 선택한 페이지에 대한 Lighthouse 원시 JSON 보고서를 포함하는 서명된 URL을 자동으로 로드하여 자세히 검사할 수 있습니다.

온디맨드 스캔 감사 보고서 on-demand

파이프라인 실행 중에 실행되는 것 외에도 경험 감사 보고서를 온디맨드로 생성할 수 있습니다. 이 옵션은 파이프라인을 실행하지 않고도 페이지를 빠르게 스캔하는 좋은 솔루션입니다.

온디맨드 검사를 실행하려면 보고서 탭으로 이동하여 전체 감사 보고서를 확인한 다음 검사 실행 단추를 클릭하십시오.

검사 실행 단추를 사용할 수 없게 되며 온디맨드 검사가 이미 실행 중일 때 시계 아이콘으로 배지가 지정됩니다.

온디맨드 검사는 최신 25개의 구성된 페이지에 대한 경험 감사를 트리거하고 일반적으로 몇 분 안에 끝납니다.

완료되면 점수 차트가 자동으로 업데이트되며 파이프라인 실행 스캔과 정확히 동일한 결과를 검사할 수 있습니다.

트리거 선택기를 사용하여 트리거 유형에 따라 점수 차트를 필터링할 수 있습니다.

경험 감사에 문제가 발생했습니다. issues

감사하도록 구성한 페이지를 사용할 수 없거나 감사에 다른 오류가 있는 경우 경험 감사에서 이 사실을 반영합니다.

파이프라인에 확장 가능한 오류 섹션이 표시되어 액세스할 수 없는 상대 URL 경로를 볼 수 있습니다.

전체 보고서를 볼 경우 세부 정보는 경험 감사 검사 결과 섹션에 표시되며 확장 가능합니다.

페이지를 사용할 수 없는 몇 가지 이유는 다음과 같습니다.

경험 감사 평가 세부 정보 details

다음 세부 정보는 경험 감사가 사이트를 평가하는 방법에 대한 추가 정보를 제공합니다. 이 기능은 기능의 일반적인 사용에 필요하지 않으며, 완결성을 위해 여기에 제공됩니다.