웹 성능 보고서

온라인 스토어의 성능을 최적화하면 고객의 쇼핑 환경을 개선하고 스토어의 검색 가능성을 높이며 전환율을 높일 수 있습니다. 웹 성능 보고서를 통해 Core Web Vitals라고 알려진 로딩 속도, 상호 작용성, 시각적 안정성에 대한 업계 표준 전반에서 스토어의 성능을 파악할 수 있습니다.

보고서는 로딩 속도, 상호 작용성, 시각적 안정성 등 Core Web Vitals 전반에서 스토어프론트의 성능을 표시합니다. 보고서에는 데스크톱 및 모바일 환경, 특정 성능 순위 내에서의 환경 배포에 대한 정보가 포함되며 앱 설치, 테마 업데이트, 새 코드 등 변경 사항이 스토어프론트 환경에 미치는 영향이 표시됩니다.

추적 및 계산 프로세스로 인해 이 보고서의 데이터는 최대 36시간 지연될 수 있습니다. 웹 성능 데이터는 최근 90일 동안만 제공됩니다.

웹 성능 측정 방법에 대해 자세히 알아보십시오.

스토어의 웹 성능 데이터 보기

스토어의 웹 성능 보고서를 보려면 보고서 직원/담당자 권한이 있어야 합니다. RUM(실제 사용자 지표)으로 채워진 대시보드를 얻으려면 온라인 스토어의 암호 보호를 제거해야 합니다.

Shopify 관리자의 테마 페이지에 있는 성능 지표 요약에서 시간 경과에 따른 웹 성능 보고서에 액세스하거나 보고서 목록에서 모든 웹 성능 보고서에 액세스할 수 있습니다.

성능 지표 요약 보기

Shopify 관리자의 테마 페이지에 성능 지표 요약이 표시되며, 시간 경과에 따른 스토어의 3가지 Core Web Vitals에 대한 간략한 요약을 제공합니다. 성능 지표 요약에 대해 자세히 알아보십시오.

단계:

1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

2. 선택 사항: 데이트피커를 사용하여 선택한 날짜 범위의 데이터를 표시합니다. 오늘, 최근 7일, 최근 30일 중에서 선택할 수 있습니다.

3. 선택 사항: 성능 지표 요약을 사용하여 보고서에 액세스합니다.

   • LCP P75(ms)를 클릭하여 시간 경과에 따른 최대 컨텐츠풀 페인트 보고서에 액세스합니다.
   • INP P75(ms)를 클릭하여 시간 경과에 따른 Interaction to Next Paint 보고서에 액세스합니다.
   • 누적 레이아웃 변경을 클릭하여 시간 경과에 따른 누적 레이아웃 변경 보고서에 액세스합니다.
   • 선택 사항: 장치 유형별 세션을 클릭하여 장치 유형별 세션 보고서에 액세스합니다.

웹 성능 보고서 보기

Shopify 관리자의 보고서 목록에는 여러 웹 성능 보고서가 제공됩니다. 구성 패널 또는 ShopifyQL 쿼리 편집기를 사용하여 원하는 데이터를 표시하도록 이 보고서를 사용자 지정할 수 있습니다.

Shopify 보고서 사용에 대해 자세히 알아보십시오.

단계:

1. Shopify 관리자에서 분석 > 보고서로 이동합니다.

2. 보고서 검색 필드에서 직접 액세스하려는 보고서를 검색합니다.

   • 모든 웹 성능 보고서를 표시하려면 콜론 :을 사용하여 검색합니다.
   • 최대 컨텐츠풀 페인트에 대한 보고서를 표시하려면 키워드 contentful을 사용하여 검색합니다.
   • Interaction to Next Paint에 대한 보고서를 표시하려면 키워드 next를 사용하여 검색합니다.
   • 누적 레이아웃 변경에 대한 보고서를 표시하려면 키워드 cumulative를 사용하여 검색합니다.

3. 열려는 보고서의 이름을 클릭합니다.

웹 성능 지표 요약

웹 성능 지표 요약은 지난 30일간의 실제 사용자 데이터를 기반으로 온라인 스토어의 성능에 대한 분석 정보를 제공합니다. 3가지 Core Web Vitals에 대해 스토어를 평가하고 각 지표에 좋음, 보통 또는 나쁨 순위를 할당합니다. 이 순위는 상위 75%의 사용자 환경을 반영합니다.

웹 성능 지표 요약에는 다음 정보가 포함됩니다.

• 스토어의 최대 컨텐츠풀 페인트(LCP) 순위입니다. 화면에서 가장 큰 요소가 표시되는 속도를 기반으로 로딩 속도를 측정합니다.
• 스토어의 Interaction to Next Paint(INP) 순위입니다. 링크 또는 버튼 클릭과 같은 사용자 상호 작용 후 브라우저가 다음 프레임을 페인트하거나 화면에 변경 사항을 표시하는 데 걸리는 시간을 기반으로 상호 작용성을 측정합니다.
• 스토어의 누적 레이아웃 변경(CLS) 순위입니다. 페이지를 탐색할 때 콘텐츠가 예기치 않게 이동하는 정도를 기반으로 시각적 안정성을 측정합니다.
• 장치 유형별로 분류된 스토어의 온라인 방문자 세션입니다.

다음은 웹 성능 지표 요약에서 3가지 Core Web Vital에 사용 가능한 순위입니다.

지표 순위가 보통 또는 나쁨인 경우 웹 성능 보고서를 사용하여 문제의 원인을 파악하고 해결 조치를 취하는 것이 좋습니다.

시간 경과에 따른 웹 성능 보고서

웹 성능 보고서에서 3가지 핵심적인 웹 지표에 대한 사이트의 시간 경과에 따른 웹 성능을 검토할 수 있습니다.

• 최대 콘텐츠풀 페인트: 시간 경과에 따라
• 다음 페인트에 대한 상호작용: 시간 경과에 따라
• 누적 레이아웃 이동: 시간 경과에 따라

기본적으로 데이터는 관련 핵심적인 웹 지표의 75번째 백분위수에 대한 값을 밀리초 단위로 표시하지만 보고서의 구성 패널을 사용하여 필요에 맞게 보고서를 사용자 지정할 수 있습니다. 또한 시간 범위, 날짜 그룹화, 장치 유형과 같은 다양한 차원 및 필터를 조정하여 사이트 트래픽을 가장 잘 반영하도록 할 수 있습니다. 보고서 사용자 지정에 대해 자세히 알아보십시오.

선 차트 시각화는 앱 설치, 테마 업데이트, 새 코드 등 온라인 스토어에 적용된 변경 사항이 시간 경과에 따라 핵심적인 웹 지표에 어떤 영향을 미쳤는지 보여줍니다. 이 시각화에는 다음과 같은 추가 요소가 포함됩니다.

• 선택한 날짜 범위에 대해 계산된 웹 성능 요약 점수.
• 그래프에 번호가 매겨진 수직선으로 표시되는 이벤트 주석 태그. 마우스를 가져가면 웹 성능에 영향을 미칠 수 있는 스토어의 잠재적 변경 사항에 대한 자세한 정보를 볼 수 있습니다.
• 그래프를 가로지르는 수평선으로 표시되는 웹 성능 점수 임계값. 좋음, 보통, 나쁨 결과 사이의 임계값을 나타냅니다.

데이터 테이블의 배포 지표 열에 있는 막대 차트는 각 성능 범주(좋음(녹색), 보통(노란색) 또는 나쁨(빨간색))에 해당하는 페이지 방문 수를 표시합니다.

페이지 URL별 웹 성능 보고서

웹 성능 보고서에서 3가지 핵심적인 웹 지표에 대한 각 개별 페이지 URL의 사이트 웹 성능을 검토할 수 있습니다.

• 최대 콘텐츠풀 페인트: 페이지 URL
• 다음 페인트에 대한 상호작용: 페이지 URL
• 누적 레이아웃 이동: 페이지 URL

기본적으로 데이터는 관련 핵심적인 웹 지표의 75번째 백분위수에 대한 이벤트를 밀리초 단위로 표시하지만 보고서의 구성 패널을 사용하여 필요에 맞게 보고서를 사용자 지정할 수 있습니다. 또한 시간 범위, 날짜 그룹화, 장치 유형과 같은 다양한 차원 및 필터를 조정하여 사이트 트래픽을 가장 잘 반영하도록 할 수 있습니다. 보고서 사용자 지정에 대해 자세히 알아보십시오.

이 보고서에는 그래픽 시각화가 포함되어 있지 않습니다. 데이터 테이블만 표시됩니다. 기본적으로 테이블의 기본 차원은 페이지 경로입니다. 배포 지표 열의 막대 차트는 각 성능 범주(좋음(녹색), 보통(노란색) 또는 나쁨(빨간색))에 해당하는 페이지 방문 수를 표시합니다.

페이지 유형별 웹 성능 보고서

웹 성능 보고서에서 3가지 핵심적인 웹 지표에 대한 사이트의 웹 성능을 페이지 유형별로 구분하여 검토할 수 있습니다.

• 최대 콘텐츠풀 페인트: 페이지 유형
• 다음 페인트에 대한 상호작용: 페이지 유형
• 누적 레이아웃 이동: 페이지 유형

기본적으로 데이터는 관련 핵심적인 웹 지표의 75번째 백분위수에 대한 값을 밀리초 단위로 표시하지만 보고서의 구성 패널을 사용하여 필요에 맞게 보고서를 사용자 지정할 수 있습니다. 또한 시간 범위, 날짜 그룹화, 장치 유형과 같은 다양한 차원 및 필터를 조정하여 사이트 트래픽을 가장 잘 반영하도록 할 수 있습니다. 보고서 사용자 지정에 대해 자세히 알아보십시오.

이 보고서에는 그래픽 시각화가 포함되어 있지 않습니다. 데이터 테이블만 표시됩니다. 기본적으로 테이블의 기본 차원은 페이지 유형입니다. 배포 지표 열의 막대 차트는 각 성능 범주(좋음(녹색), 보통(노란색) 또는 나쁨(빨간색))에 해당하는 페이지 방문 수를 표시합니다.

웹 성능 보고서 사용

웹 성능 지표 요약에 핵심적인 웹 지표에 대한 점수를 표시할 만큼 충분한 데이터가 쌓이면 성능 보고서를 사용하여 웹 성능 점수에 영향을 미칠 수 있는 잠재적 문제를 좁힐 수 있습니다. 웹 성능에 영향을 미칠 수 있는 페이지 또는 요소를 식별한 후에는 스토어를 최적화할 위치와 방법에 대해 정보에 입각한 결정을 내릴 수 있습니다.

고객의 장치, 네트워크, 위치와 같은 특정 요인은 통제할 수 없다는 점을 명심하십시오. 전 세계 고객은 다양한 장치와 인터넷 연결을 사용하여 스토어를 방문하므로 이러한 요인에 따라 스토어 로드 속도가 더 빠르거나 느려질 수 있습니다. 전체 지표가 양호하다면 일부 날짜나 페이지가 보통 또는 나쁨 범주에 속하더라도 너무 걱정하지 마십시오.

웹 성능 최적화 기회를 조사하려면 다음과 같은 일반적인 단계를 따를 수 있습니다.

1. 성능 지표 요약을 검토하여 최적화가 필요할 수 있는 핵심적인 웹 지표 점수를 개괄적으로 파악합니다.
2. 특정 핵심적인 웹 지표의 경우, 관련된 3가지 보고서를 사용하여 스토어 데이터를 더 자세히 분석합니다.
   • 시간 경과에 따라 보고서를 사용하여 특정 점수에 대한 영향이 언제 발생했는지 조사합니다.
   • 페이지 유형 보고서를 사용하여 특정 페이지 템플릿이 웹 성능에 영향을 미치고 있는지 조사합니다.
   • 페이지 URL 보고서를 사용하여 특정 페이지가 웹 성능에 영향을 미치고 있는지 조사합니다.
3. 웹 실적에 영향을 미치는 것으로 파악된 기간, 페이지, 요소를 기반으로, 어떤 것이 문제의 구체적인 원인인지에 대해 더 확신을 갖고 Core Web Vital 점수를 개선해 나갈 수 있습니다.

온라인 스토어 실적을 개선하는 방법을 알아보려면 온라인 스토어 실적 개선을 참조하십시오.