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

Experience Audit에서 배포 프로세스를 검증하는 방법을 알아보고, 명확하고 유용한 대시보드 인터페이스를 통해 배포된 변경 사항이 성능, 접근성, 모범 사례 및 SEO에 대한 기준 표준을 충족하는지 확인하는 데 도움이 됩니다.

개요 overview

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

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

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

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

사용 가능 availability

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

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

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

구성 configuration

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

경험 감사 결과 results

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

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

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

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

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

가장 느린 페이지 보기 ​를 탭하거나 클릭하면 감사하도록 구성된 가장 성과가 낮은 5개 페이지를 표시하는 가장 느린 5개 페이지 대화 상자가 열립니다.

점수는 마지막 감사에서 각 지표의 편차와 함께 성능, 접근성, 모범 사례, SEO ​별로 분류됩니다.

기본적으로 모바일 장치에 대한 점수가 포함된 대화 상자가 열립니다. 대화 상자 상단의 장치 토글을 사용하여 데스크톱 점수로 변경할 수 있습니다.

이 대화 상자는 빠른 개요를 위한 것입니다. 자세한 내용을 보려면 전체 보고서 보기 ​를 탭하거나 클릭합니다.

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

다음 방법으로 전체 경험 감사 보고서를 볼 수 있습니다.

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

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

페이지 점수 - 트렌드 trend

기본적으로 페이지 점수 - 트렌드 ​에 대해 선택한 보기는 최근 6개월 ​에 대한 중간 점수 ​입니다.

차트 단추 상단과 하단의 선택 및 보기 드롭다운을 사용하여 각각 페이지별 세부 정보와 다른 시간대를 선택합니다. 차트 상단의 및 트렌드 업데이트 버튼을 탭하거나 클릭하여 선택 사항을 적용하고 차트를 새로 고치십시오.

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

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

경험 감사 검색 결과 scan-results

경험 감사 검색 결과 섹션에서는 점수를 개선하는 방법과 검사한 모든 페이지의 세부 사항에 대한 권장 사항을 제공합니다. 다음 두 섹션으로 나뉩니다.

권장 사항 recommendations

Recommendations 섹션에는 인사이트의 집계 집합이 표시됩니다. 기본적으로 성능 ​에 대한 권장 사항이 표시됩니다. Recommendations 제목 옆에 있는 드롭다운을 사용하여 다른 범주로 변경합니다.

권장 사항에 대한 V자 버튼을 탭하거나 클릭하여 세부 정보를 표시합니다.

사용 가능한 경우 확장된 권장 사항 세부 정보에는 가장 영향을 미치는 변경 사항에 집중할 수 있도록 권장 사항 영향의 백분율도 포함됩니다.

세부 정보 보기에서 페이지 보기 링크를 탭하거나 클릭하여 권장 사항이 적용되는 페이지를 확인합니다.

스캔한 페이지 scanned-pages

검사한 페이지 섹션은 검사한 모든 페이지에 대한 세부 점수를 제공합니다. 이전 및 다음 단추를 사용하여 결과를 페이지로 연결하고 페이지 번호를 지정할 디스플레이 수를 선택할 수 있습니다.

특정 페이지의 링크를 탭하거나 클릭하면 페이지 점수 - 트렌드 섹션의 선택 필터가 업데이트되고 선택한 페이지에 대한 점수 및 권장 사항 탭이 표시됩니다.

원시 보고서 탭은 페이지의 모든 감사에 대한 점수를 제공합니다. Lighthouse 보고서 열에서 보고서 날짜를 탭하거나 클릭하여 원시 데이터의 JSON 파일을 검색합니다.

그러면 브라우저에서 선택한 페이지에 대한 Lighthouse 원시 JavaScript 개체 표기법(JSON) 보고서의 서명된 URL이 있는 https://googlechrome.github.io/lighthouse/viewer/을(를) 가리키는 새 탭이 열리고, 자세한 검사를 위해 자동으로 열립니다

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

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

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

요청 시 검사가 이미 실행되고 있는 경우 검사 실행 단추를 사용할 수 없게 되고 시계 아이콘으로 배지가 지정됩니다.

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

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

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

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

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

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

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

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

일반 성능 팁 performance-tips

수정하기 쉬운 가장 일반적인 영향력 있는 문제 중 두 가지는 누적 레이아웃 이동(CLS) 및 최대 콘텐츠풀 페인트(LCP)와 관련되어 있습니다.

이러한 기능은 다음을 통해 개선할 수 있습니다.

경험 감사 평가 세부 정보 details

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