웹 성능 대시보드 및 보고서

이 페이지는 Apr 27, 2024에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/online-store/web-performance/web-performance-dashboard에서 확인하십시오.

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

온라인 스토어의 성능은 다음 영역과 같은 여러 요인에 영향을 받을 수 있습니다.

  • 앱
  • 타사 라이브러리 및 서비스
  • 분석 라이브러리
  • 테마 코드
  • 이미지 및 동영상의 수 및 크기

온라인 스토어를 전략적으로 조정하여 성능 지표와 순위를 높일 수 있습니다.

온라인 스토어 성능의 중요성에 대해 자세히 알아보십시오.

이 페이지의 정보

스토어의 웹 성능 대시보드 보기

스토어의 웹 성능 대시보드를 확인하려면 보고서 직원 권한이 필요합니다.

단계:

  1. Shopify Admin에서 분석 > 보고서로 이동합니다.
  2. 웹 성능을 클릭합니다.
  1. Shopify 앱에서 ... 버튼을 탭하고 분석을 탭합니다.
  2. 보고서를 탭합니다.
  3. 웹 성능을 탭합니다.
  1. Shopify 앱에서 ... 버튼을 탭하고 분석을 탭합니다.
  2. 보고서를 탭합니다.
  3. 웹 성능을 탭합니다.

보고서는 로딩 속도, 상호 작용성 및 시각적 안정성과 같은 Core Web Vitals 전반에 걸쳐 상점의 성능을 보여줍니다. 보고서는 데스크톱 및 모바일 경험, 주어진 성능 순위 내의 경험 분포에 대한 정보를 포함하고 있으며, 앱 설치, 테마 업데이트 및 새 코드와 같이 변경 사항이 상점 경험에 미치는 영향을 보여줍니다.

웹 성능 메트릭

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

페이지 상단의 드롭다운 메뉴를 사용하여 여러 장치에 대한 데이터를 볼 수 있습니다. 보기를 사용자 지정하려면 "모바일", "데스크톱"또는 "모두"(기본 옵션)에서 선택합니다.

메트릭이 계산되는 방식으로 인해 온라인 스토어를 변경한 후에도 메트릭이 즉시 변경되지 않을 수 있습니다. 스토어가 신규이거나 비밀번호로 보호되는 경우 메트릭을 사용할 수 없습니다.

로딩 속도

LCP(Largest Contentful Paint)는 화면에서 가장 큰 요소가 표시되는 속도를 기준으로 로딩 속도를 측정합니다.

LCP에 사용 가능한 순위는 다음과 같습니다.

LCP 순위 및 메트릭
순위 목표 메트릭 설명
양호 2500ms 이하 대부분의 사용자가 페이지가 빨리 로드된다고 느낍니다.
보통 2500ms 이상 및 4000ms 미만 일부 사용자는 페이지가 빨리 로드된다고 느끼지만 개선의 여지가 있습니다.
나쁨 4000ms 이상 대부분의 사용자가 페이지가 느리게 로드된다고 느끼며 개선해야 합니다.

상호 작용성

FID(First Input Delay)는 페이지가 링크나 버튼 클릭과 같은 사용자 작업에 응답하는 데 걸리는 기간을 기준으로 상호 작용성을 측정합니다.

FID에 사용 가능한 순위는 다음과 같습니다.

FID 순위 및 메트릭
순위 목표 메트릭 설명
양호 100ms 이하 대부분의 사용자가 페이지의 응답성이 좋다고 느낍니다.
보통 100ms 초과 및 300ms 미만 일부 사용자가 페이지의 응답성이 좋다고 느끼지만 개선할 여지가 있습니다.
나쁨 300ms 초과 대부분의 사용자가 페이지의 응답성이 느리다고 느끼며 개선해야 합니다.

시각적 안정성

CLS(Cumulative Layout Shift)는 로딩 중에 콘텐츠가 예기치 않게 이동하는 정도에 따라 시각적 안정성을 측정합니다.

CLS에 사용 가능한 순위는 다음과 같습니다.

CLS 순위 및 메트릭
순위 목표 메트릭 설명
양호 0.1 이하 페이지가 로드될 때 대부분의 사용자가 레이아웃이 안정적이라고 느낍니다.
보통 0.1 초과 0.25 미만 페이지가 로드될 때 일부 사용자는 레이아웃이 안정적이라고 느끼지만 개선할 여지가 있습니다.
나쁨 0.25 이상 대부분의 사용자는 페이지가 로드될 때 레이아웃이 불안정하여 불편하게 느끼며 이를 개선해야 합니다.

시간별 웹 성능

선 차트에는 앱 설치, 테마 업데이트, 새 코드 등 온라인 스토어의 변경 사항이 각 Core Web Vital에 어떤 영향을 주었는지 표시됩니다. 사이트에 대한 트래픽을 가장 잘 반영하도록 시간 범위, 날짜 그룹화, 장치 유형 등의 다양한 필터를 조정할 수 있습니다.

사용 가능한 필터는 다음과 같습니다.

  • 장치 유형: 모바일, 데스크톱 또는 둘 다(기본값)
  • 날짜 범위: 지난 30일(기본값), 지난 60일, 지난 90일
  • 기간 그룹화: 일간, 주간(기본값), 월간

사이트에 대한 트래픽이 적으면 더욱 큰 변동이 표시될 수 있습니다. 변동이 크게 눈에 띄는 경우 주간 또는 월간 필터로 전환하는 것이 고려하세요.

막대 차트에는 각 성능 범주에 속하는 페이지 방문 수(좋음, 보통 또는 나쁨)가 표시됩니다. 고객의 장치, 네트워크, 위치 등 특정 요소는 통제할 수 없습니다. 전 세계 고객이 다양한 장치와 인터넷 연결을 사용하여 스토어를 방문하므로 이러한 요인에 따라 스토어가 더 빠르게 로드되거나 느리게 로드될 수 있습니다. 전반적인 지표가 좋음이다면 일부 고객이 보통 또는 나쁨 범주에 속하더라도 너무 걱정할 필요는 없습니다.

자주 묻는 질문

Shopify에서 Google Lighthouse 속도 점수를 제거한 이유는 무엇입니까?

Google Lighthouse는 시뮬레이션 환경을 사용하여 속도 점수를 산출합니다. 빠른 스냅샷을 얻는 데는 좋지만 실제 사용자 환경을 반영하지 않습니다. Google은 이제 SEO 순위에 대해 Core Web Vitals를 우선시합니다. Google에서 자세한 내용을 알아보십시오.

아직 점수가 없는 이유는 무엇입니까?

Core Web Vitals 점수가 없는 이유는 다음과 같습니다.

  • 스토어가 비밀번호로 보호되고 있습니다. 온라인 스토어가 비밀번호로 보호되면 Core Web Vitals를 생성하는 데 필요한 실제 사용자 트래픽이 없습니다. 비밀번호 페이지를 제거하여 사용자의 사이트 방문을 허용해야 합니다.
  • 아직 트래픽이 없습니다. 실제 사용자 메트릭을 생성할 만큼 온라인 스토어에 페이지 뷰가 없는 경우도 있습니다. 아직 트래픽이 없다면 PageSpeed Insights와 같은 합성 데이터를 사용하는 무료 성능 분석을 수행할 수 있습니다.

트래픽이 있는데 Core Web Vital 점수는 없는 이유는 무엇입니까?

Core Web Vitals는 Google 제품으로 현재 Chromium 기반 브라우저에서만 사용할 수 있습니다. Safari 및 Safari iOS와 같은 최신 브라우저도 비슷한 기술을 기반으로 구축되었으므로 Core Web Vitals는 여전히 사용자의 웹 사이트 경험을 정확하게 표현합니다.

점수가 있는 메트릭이 있고 없는 메트릭이 있는 이유는 무엇입니까?

각 메트릭은 성능 및 사용자 상호 작용의 다른 측면을 측정합니다. 예를 들어, LCP(Largest Contentful Paint)는 페이지 로딩을 측정하며 FID(First Input Delay)는 버튼이나 링크의 상호 작용성을 측정합니다. 버튼이나 링크와의 상호 작용이 없으면 FID 메트릭에 점수가 없을 수 있습니다.

점수 중 하나가 변경된 이유는 무엇입니까?

트래픽 양이나 온라인 스토어의 변화로 점수가 변동될 수 있습니다. 트래픽이 적어 변동이 큰 경우 주간 또는 월간 필터로 변경하십시오.

온라인 스토어를 변경하는 경우에도 점수가 변경될 수 있습니다. 예를 들어, 새 제품을 여러 개 가져오거나 새 컬렉션을 생성하거나 테마를 변경하거나 새 앱을 도입하는 경우입니다. 자세한 내용은 온라인 스토어 성능에 영향을 미치는 요인을 참조하십시오.

점수나 순위를 개선하는 방법은 무엇입니까?

온라인 스토어 성능을 개선하는 방법을 알아보려면 온라인 스토어 성능 개선을 방문하십시오.

웹 성능 대시보드의 점수가 다른 도구의 점수와 다른 이유는 무엇입니까?

웹 성능 대시보드의 점수는 다음 요인으로 인해 다른 도구의 점수와 다를 수 있습니다.

  • 웹 성능 대시보드의 데이터는 UTC 표준에 기반을 두며 다른 플랫폼의 표준 시간대와 다를 수 있습니다.
  • 웹 성능 대시보드는 모든 Chromium 브라우저(Chrome, Opera, Edge, Samsung Internet) 및 Firefox에서 더 광범위한 데이터 세트에 대해 다른 방식으로 데이터를 수집합니다. 반면 Google의 PageSpeed Insights와 같은 도구는 옵트인한 Chrome 브라우저에 CrUX 보고서를 사용합니다. 자세한 내용은 CrUX 데이터를 참조하십시오.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험