온라인 스토어 웹 성능

온라인 스토어 웹 성능 대시보드는 로딩 속도, 상호 작용성 및 시각적 안정성을 측정합니다. 이러한 측정은 페이지가 처음 로드될 때부터 팝업 콘텐츠로 인해 발생할 수 있는 레이아웃 변경까지 방문자가 웹사이트를 어떻게 경험하는지 이해하는 데 도움이 됩니다.

이 섹션의 정보

웹 성능은 어떻게 측정합니까?

웹 성능은 Core Web Vitals라는 주요 메트릭으로 측정됩니다.

Core Web Vitals에는 다음과 같은 성능 측정이 포함됩니다.

  • LCP(Largest Contentful Paint): 가장 큰 요소 또는 기본 콘텐츠가 방문자에게 표시되는 속도를 기준으로 로딩 속도를 측정합니다. 페이지 로드 시작부터 2.5초 이내에 메인 콘텐츠를 로드하면 좋은 LCP 점수를 얻을 수 있습니다.
  • INP(Interaction to Next Paint): 페이지가 대부분의 사용자 작업에 응답하는 데 걸리는 시간을 기준으로 상호 작용성을 측정합니다. 예를 들면, 링크나 버튼 클릭과 같은 사용자 작업입니다. INP가 200밀리초 미만이면 페이지가 빠르게 대화형으로 전환되므로 좋은 성능으로 간주됩니다.
  • CLS(Cumulative Layout Shift): 로딩 중에 콘텐츠가 예기치 않게 이동하는 정도에 따라 시각적 안정성을 측정합니다. CLS 점수가 0.1 미만이면 양호한 성능으로 간주됩니다.

Google은 Core Web Vitals 외에도 모바일 호환성, 안전한 브라우징, HTTPS 보안, 침입형 전면 광고의 부재와 같은 다른 요소들을 평가하는데, 이는 프로모션 팝업이나 연령 확인과 같이 콘텐츠의 완전한 보기를 방해하는 페이지 요소입니다. 이러한 요소는 웹 페이지의 성능과 사용자 환경을 평가하는 데 도움이 됩니다.

웹 성능이 중요한 이유는 무엇입니까?

온라인 스토어의 성능은 고객의 쇼핑 경험, 전환율 및 스토어의 검색 가능성에 영향을 줄 수 있습니다.

고객 경험 및 전환율

온라인 스토어가 빠르게 로드되고 상호 작용이 원활하게 진행되면 장치나 연결 속도와 관계없이 모든 방문자가 긍정적인 경험을 할 수 있습니다. 사이트가 느리거나 탐색이 어려우면 방문자는 무언가를 구매하기 전에 떠날 가능성이 높습니다. 스토어의 웹 성능을 개선하면 사용자 환경을 향상하고 전환율을 높일 수 있습니다.

검색 노출

Google 같은 검색 엔진에서는 페이지 속도를 순위 요인으로 사용합니다. Core Web Vitals 전반에 걸쳐 온라인 스토어 페이지의 성능이 좋지 않으면 상점이 검색 엔진에 최적화되어 있어도 순위가 낮아질 수 있습니다. 웹 성능을 개선하면 스토어가 검색에서 더 높은 순위에 오르고 비즈니스에 대한 가시성이 높아질 수 있습니다.

온라인 스토어 기능과 웹 성능 비교

온라인 스토어는 테마 코드, 앱, 이미지, 동영상, 캐러셀, 소셜 미디어 피드, 분석 등 여러 기능으로 구성되어 있습니다. 이러한 기능으로 방문자 환경을 개선하고 사이트 기능을 확장할 수 있습니다.

그러나 온라인 스토어에 추가하는 각 기능은 스토어의 Core Web Vitals에 영향을 줄 수 있습니다. 일부 기능은 사이트 속도를 저하하거나 예상치 못한 동작을 유발하여 사용자 환경에 영향을 줄 수 있습니다.

스토어에 기능을 추가할 때는 기능의 이점과 Core Web Vitals에 미치는 영향을 고려해야 합니다. 사용자 환경과 웹 성능 간의 균형을 찾아야 할 수 있습니다.

스토어에 기능 추가를 고려할 때는 다음 질문에 대해 생각해 보십시오.

  • 고객이 스토어에서 구매를 결정하는 데 도움이 되는 것은 무엇입니까?

    • 예를 들어, 고객이 세부 제품 페이지로 연결되는 단순한 홈페이지를 선호할지, 혹은 제품 페이지를 빠르게 확인하고 구매할 수 있는 강력한 홈페이지를 선호할지 생각해봐야 합니다.
  • 전환을 유도하려면 페이지 상단에 어떤 기능이 있어야 할까요?

    • 예를 들어 브랜딩 요소, 추천 이미지 결제 카트는 성능에 영향을 줄 수 있지만 전환을 늘릴 수 있는 기능입니다.
  • 고객이 페이지를 아래로 스크롤하여 나중에 로드해도 괜찮은 기능은 무엇일까요?

    • 예를 들어 고객이 스토어를 방문했을 때 분석 정보나 제품 리뷰는 즉시 로드할 필요가 없습니다. 기능이 즉시 로드되는지 여부를 확인하려면 테마나 앱 개발자에 문의해야 할 수 있습니다.

웹 성능 대시보드 살펴보기

웹 성능 대시보드를 보면 Core Web Vitals 전반에 걸쳐 스토어의 속도를 확인할 수 있습니다. 이 대시보드는 세 가지 Core Web Vitals 모두에서 스토어 순위를 표시하고 개선을 위한 실행 가능한 분석 정보을 제공합니다.

또한 웹 성능에 영향을 미치는 요인과 이를 해결하는 방법을 찾아할 수 있습니다.

이 섹션의 정보

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

무료 체험