웹 성능 개요

웹 성능은 _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과 같은 검색 엔진에서 웹 성능이 "좋음"으로 간주되려면 페이지가 75% 이상 로드된 시점에 모든 Core Web Vitals 점수에서 좋음을 받아야 합니다. 웹 성능 보고서는 이러한 75번째 백분위수 측정값을 표시하여 성능을 추적하는 데 도움을 줍니다.

Google은 Core Web Vitals 외에도 다음과 같은 다른 요소들을 평가합니다.

모바일 호환성
안전한 브라우징
HTTPS 보안
침입형 전면 광고 없음(프로모션 팝업이나 연령 확인과 같이 콘텐츠가 완전히 표시되는 것을 방해하는 페이지 요소)

이러한 요소는 웹 페이지의 성능과 사용자 환경을 평가하는 데 도움이 됩니다.

Core Web Vitals 및 Google 검색 결과에 대해 자세히 알아보세요.

웹 성능이 스토어에 미치는 영향

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

웹 성능이 중요한 이유에 대해 자세히 알아보세요.

고객 경험 및 전환율

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

검색 노출

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

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

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

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

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

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

고객이 스토어에서 구매를 결정하는 데 도움이 되는 것은 무엇입니까? - 예를 들어, 고객이 세부 제품 페이지로 연결되는 단순한 홈페이지를 선호할지, 혹은 제품 페이지를 빠르게 확인하고 구매할 수 있는 강력한 홈페이지를 선호할지 생각해봐야 합니다.
전환을 유도하려면 페이지 상단에 어떤 기능이 있어야 할까요? - 예를 들어 브랜딩 요소, 추천 이미지 결제 카트는 성능에 영향을 줄 수 있지만 전환을 늘릴 수 있는 기능입니다.
고객이 페이지를 아래로 스크롤하여 나중에 로드해도 괜찮은 기능은 무엇일까요? - 예를 들어 고객이 스토어를 방문했을 때 분석과 제품 리뷰는 즉시 로드할 필요는 없습니다. 기능이 즉시 로드되는지 확인하려면 테마 또는 앱 개발자에게 문의해야 할 수 있습니다.

웹 성능 메트릭 요약 및 보고서 살펴보기

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

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

웹 성능 점수 관련 자주 묻는 질문

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

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

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

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

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

Largest Contentful Paint 및 Interaction To Next Paint는 모두 향후 Safari 버전 중 하나에서 제공될 것으로 예상됩니다. Interop 2025 프로젝트에서 브라우저 간 상호 운용성에 대해 자세히 알아보세요.

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

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

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

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

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

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

웹 성능 보고서의 점수는 다음 요인으로 인해 다른 도구의 점수와 다를 수 있습니다:

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