웹 성능 개요

웹 성능은 코어 웹 바이탈이라는 주요 메트릭으로 측정됩니다. 이러한 메트릭은 온라인 스토어의 실적을 수량화하며, 값을 최적화하면 고객의 쇼핑 환경, 전환율, 스토어의 검색 가능성을 개선할 수 있습니다.

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

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

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

이 페이지의 내용

웹 성능 측정

웹 성능은 다음과 같은 성능 측정값을 포함하는 코어 웹 바이탈(Core Web Vitals)로 측정됩니다.

최대 콘텐츠풀 페인트(LCP)는 가장 큰 요소 또는 기본 콘텐츠가 방문자에게 표시되는 속도를 기반으로 로딩 속도를 측정합니다. 페이지 로드가 시작된 후 2.5초 이내에 기본 콘텐츠가 로드될 때 좋은 LCP 점수를 얻을 수 있습니다.
다음 페인트에 대한 상호작용(INP)은 링크나 버튼 클릭과 같은 대부분의 사용자 작업에 페이지가 응답하는 데 걸리는 시간을 기준으로 상호 작용성을 측정합니다. 페이지가 빠르게 상호 작용하므로 200밀리초 미만의 INP 점수는 우수한 성능으로 간주됩니다.
누적 레이아웃 이동(CLS)은 페이지를 탐색할 때 예기치 않게 콘텐츠가 이동하는 정도를 기반으로 시각적 안정성을 측정합니다. 0.1 미만의 CLS 점수는 우수한 성능으로 간주됩니다.

Google과 같은 검색 엔진에서 웹 성능을 “우수”로 평가받으려면 페이지 로드의 75% 이상이 모든 코어 웹 바이탈(Core Web Vitals)에서 우수 점수를 받아야 합니다. 웹 성능 보고서에는 실적을 추적하는 데 도움이 되도록 이 75번째 백분위수 측정값이 표시됩니다.

코어 웹 바이탈(Core Web Vitals) 외에도 Google은 다음과 같은 다른 요소를 평가합니다.

모바일 호환성
안전한 브라우징
HTTPS 보안
프로모션 팝업 또는 연령 확인과 같이 콘텐츠의 전체 보기를 방해하는 페이지 요소인 방해성 삽입 광고의 부재

이러한 요소들을 종합하여 웹페이지의 성능과 사용자 환경을 평가합니다.

코어 웹 바이탈(Core Web Vitals) 및 Google 검색 결과에 대해 자세히 알아보세요.

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

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

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

경험 및 전환

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

검색 가능성

Google과 같은 검색 엔진은 페이지 속도를 순위 결정 요소로 사용합니다. 스토어가 검색 엔진에 최적화되어 있더라도 온라인 스토어 페이지의 코어 웹 바이탈(Core Web Vitals) 성능이 저조하면 순위가 낮아질 수 있습니다. 웹 성능을 개선하면 검색 순위가 높아지고 비즈니스의 가시성을 높일 수 있습니다.

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

온라인 스토어는 테마 코드, 앱, 이미지, 동영상, 캐러셀, 소셜 미디어 피드, 분석과 같은 기능들로 구성됩니다. 이러한 기능은 방문자 경험을 향상하고 사이트 기능을 확장할 수 있습니다.

하지만 온라인 스토어에 추가하는 각 기능은 스토어의 코어 웹 바이탈(Core Web Vitals)에 영향을 줄 수 있습니다. 일부 기능은 사이트 속도를 저하하거나 사용자 환경에 영향을 미칠 수 있는 예기치 않은 동작을 유발할 수 있습니다.

스토어에 기능을 추가할 때는 해당 기능의 이점과 코어 웹 바이탈(Core Web Vitals)에 미치는 영향을 비교해야 합니다. 사용자 환경과 웹 성능 사이의 균형을 찾아야 할 수도 있습니다.

스토어 기능을 고려할 때 다음 질문을 스스로에게 해보세요.

고객이 스토어에서 구매를 결정하는 데 도움이 되는 것은 무엇인가요?
- 예를 들어, 고객이 상세 제품 페이지로 연결되는 링크가 있는 간단한 홈페이지를 선호하는지, 아니면 제품을 빠르게 보고 구매할 수 있는 더 강력한 홈페이지를 선호하는지 고려하세요.
전환을 유도하기 위해 페이지 상단에 어떤 기능이 있어야 하나요?
- 예를 들어, 브랜딩 요소, 추천 이미지, 체크아웃 카트는 모두 성능에 영향을 줄 수 있지만 전환을 높이는 기능입니다.
고객이 페이지를 아래로 스크롤할 때 나중에 로드할 수 있는 기능은 무엇인가요?
- 예를 들어, 고객이 스토어를 방문할 때 분석 및 제품 리뷰를 즉시 로드할 필요는 없습니다. 기능이 바로 로드되는지 이해하려면 테마 또는 앱 개발자에게 문의해야 할 수도 있습니다.

웹 성능 지표 요약 및 보고서 살펴보기

웹 성능 보고서를 통해 스토어가 코어 웹 바이탈(Core Web Vitals)에서 어떤 성능을 보이는지 알아볼 수 있습니다. 보고서 및 성능 지표 요약에는 3가지 코어 웹 바이탈 모두에서 스토어의 순위가 표시되고 개선을 위한 실행 가능한 분석 정보가 제공됩니다.

또한 웹 성능에 영향을 미치는 요소와 해결 방법을 살펴볼 수도 있습니다.

웹 성능 점수에 대해 자주 묻는 질문

점수가 아직 없는 이유는 무엇인가요?

아직 코어 웹 바이탈(Core Web Vitals) 점수가 없는 몇 가지 이유는 다음과 같습니다.

스토어가 비밀번호로 보호되어 있음: 온라인 스토어가 비밀번호로 보호되어 있는 경우 코어 웹 바이탈(Core Web Vitals)을 생성하는 데 필요한 실제 사용자 트래픽이 없습니다. 사용자가 사이트를 방문할 수 있도록 비밀번호 페이지를 제거해야 합니다.
아직 트래픽이 없음: 온라인 스토어에 페이지 보기가 없어 실제 사용자 지표를 생성하지 못했을 수 있습니다. 트래픽이 없는 경우 PageSpeed Insights와 같은 합성 데이터를 사용하여 무료 성능 분석을 이용할 수 있습니다.

트래픽은 있지만 코어 웹 바이탈(Core Web Vitals) 점수가 없는 이유는 무엇인가요?

코어 웹 바이탈(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 데이터에 대해 자세히 알아보십시오.

스토어의 성능 점수가 낮다는 것은 무엇을 의미하나요?

사이트의 기능과 속도 사이에는 균형을 고려해야 합니다. 점수가 낮다는 것은 스토어를 최적화하여 성능을 개선하고 모바일 장치, 느린 인터넷 연결 또는 이전 브라우저를 사용하는 고객을 포함한 모든 유형의 고객이 더 쉽게 액세스할 수 있도록 만들 수 있음을 의미합니다.

예를 들어, 홈페이지 동영상이 상당한 참여를 유도하지만 홈페이지의 성능 점수가 낮은 경우, 동영상이 성능에 미치는 영향을 상쇄할 만큼 충분한 가치를 제공하는지 따져봐야 합니다.

완벽한 속도 점수라는 것은 없으며 100에 가까워질수록 더 개선하기가 어려워집니다. 가능한 최고 점수를 달성하기보다는 특정 비즈니스 요구에 맞게 스토어를 최적화하는 데 집중하세요.

내 성능 점수는 어떻게 계산되나요?

성능 점수는 지난 7일간의 홈페이지, 가장 많이 방문한 제품 페이지, 가장 많이 방문한 컬렉션 페이지의 데이터를 결합하여 산출됩니다. 이 시스템은 Chromium 기반 브라우저 및 Firefox를 사용하는 방문자의 실제 사용자 데이터(실제 사용자 지표 또는 RUM이라고 함)를 사용합니다.

각 페이지 점수는 시뮬레이션된 테스트가 아닌 실제 방문자 경험을 나타냅니다. 즉, 점수는 실제 고객이 다양한 조건에서 스토어를 어떻게 경험하는지를 반영합니다.

내 점수가 유사 스토어와 다른 이유는 무엇인가요?

스토어는 비슷한 판매량을 가진 다른 Shopify 스토어와 비교됩니다. 이 비교를 통해 비슷한 규모와 복잡성을 가진 스토어와 비교하여 자신의 성능을 파악할 수 있습니다.

스토어가 다른 스토어와 비교되는 방식에 영향을 미칠 수 있는 요인은 다음과 같습니다.

테마 및 맞춤 설정의 복잡성
사용하는 앱의 수와 유형
제품 카탈로그 크기 및 이미지 최적화
표적 시장 및 고객 장치 기본 설정

성능 점수에 대해 언제 우려해야 하나요?

다음과 같은 경우 개선에 집중하세요.

여러 지표에서 점수가 지속적으로 “나쁨” 범위에 있는 경우
스토어를 변경하지 않았는데도 성능이 크게 저하된 것을 발견한 경우
고객 피드백에서 로드 시간이 느리거나 사용자 환경이 좋지 않다고 지적하는 경우
성능 점수와 함께 전환율이 감소하는 경우

다음과 같은 경우에는 너무 걱정하지 마세요.

전반적인 추세는 양호하지만 일부 개별 페이지나 날짜에 보통 수준의 성능이 표시되는 경우
정상적인 트래픽 변동으로 인해 점수가 약간 변동하는 경우
비즈니스상의 이유로 성능에 영향을 미치는 기능을 의도적으로 선택한 경우