사이트 성능: 핵심 성능 보고서 정보

7 분 분량
코어 웹 바이탈은 방문자의 사이트 탐색 경험을 평가하는 세 가지 측정 항목으로 구성되어 있습니다. 이러한 측정 항목은 사이트의 로딩 시간, 상호 작용, 시각적 안정성을 측정합니다. 

Google과 같은 검색 엔진은 사이트 순위를 결정할 때 코어 웹 바이탈을 고려합니다. 측정 항목을 개선하면 검색 결과에서 사이트의 가시성이 향상되고 방문자의 탐색 경험이 향상됩니다. 


코어 웹 바이탈이란?

핵심 성능 보고서는 시뮬레이션된 세션의 실험실 데이터 뿐만 아니라 실제 사용 및 방문자 경험 데이터로 사이트의 성능을 측정하는 만큼, 매우 중요합니다. 핵심 성능 보고서는 사이트의 현재 실적을 표시하고 개선이 필요한 영역에 대한 통찰력을 제공할 수 있습니다.
Google이 사용중인 3 가지 핵심 성능 보고서 요소는 다음과 같습니다.
  • Largest Contentful Paint (LCP): 사이트의 로딩 시간을 나타냅니다. 특히, 사이트의 뷰포트에서 가장 큰 콘텐츠 요소를 로딩하는 데 걸리는 시간입니다.
  • 다음 페인트와의 상호 작용(INP): 모든 페이지를 방문할 때마다 발생하는 모든 클릭, 탭 및 키보드 상호 작용에 대한 사이트의 반응성 평가입니다. 최종 INP 값은 관찰된 가장 긴 상호 작용입니다. 
  • Cumulative Layout Shift (CLS): 페이지 레이아웃을 변경하는 요소의 예상치 못한 움직임을 측정한 것입니다.
이러한 핵심 요소는 다른 측정 항목과 함께 누적되어 사이트 페이지에 대한 전체 점수를 제공합니다.

최대 콘텐츠 페인트(LSP) 측정 항목 개선하기

최대 콘텐츠 페인트(LSP)는 브라우저가 배경 이미지를 제외하고 가장 큰 요소를 로딩하고 표시하는 데 소요되는 시간을 측정합니다. 

LCP 측정 항목을 개선하려면 다음 정보를 고려하세요.
  • 텍스트 기반 LCP 요소: 텍스트 기반 LCP 요소의 경우 빠른 로딩을 우선시하는 것이 중요합니다. 시스템 글꼴을 선택하면 성능을 크게 향상시킬 수 있습니다. 하지만, 사용자 지정 글꼴이 필요한 경우 최적의 결과를 위해 WOFF2 형식을 활용할 것을 권장합니다.
    도움말: LCP가 텍스트에 의존하고 사용자 지정 글꼴이 포함된 경우 Studio 에디터에서 기본 글꼴을 활성화하세요.
  • 이미지 기반 LCP 요소: 이미지 기반 LCP 요소의 경우, JPG 또는 WebP 형식의 이미지를 업로드하는 것이 가장 좋습니다. 특히 JPG는 PNG보다 최대 10배 더 가볍게 파일 크기를 크게 줄일 수 있습니다.
  • 기타 도움말: 로딩 과정을 간소화하고 방문자의 경험을 향상시키려면, 웹페이지 디자인을 단순하게 유지하고 불필요한 콘텐츠를 최소화하세요. 갤러리, 동영상 및 쇼핑몰 위젯과 같은 무거운 요소를 스크롤해야 볼 수 있는 부분에 배치해 중요한 콘텐츠를 더 빨리 로딩하는 것을 우선 순위로 삼는 것이 좋습니다. 페이드인 효과 등과 같은 애니메이션은 사이트가 완전히 로딩된 후에만 시작되므로 LCP 요소에 애니메이션을 적용하지 마세요. 

다음 페인트와의 상호작용(INP) 측정 항목 개선하기

다음 페인트와의 상호작용(INP) 측정 항목 향상에는 사이트 성능을 간소화하는 간단한 단계가 포함됩니다.

사이트의 INP 측정 항목을 개선하려면:

  1. 사이트에 추가된 타사 코드 스니펫을 검토합니다. 사용자 지정 코드 설정의 스니펫, 마케팅 통합타사 앱과 연결된 스크립트를 간편하게 검토하고 관리할 수 있습니다. 사이트의 기능에 명확한 가치를 제공하지 않는 코드는 제거하는 것이 좋습니다.
  2. 페이지당 앱 및 위젯 수를 제한합니다. 애플리케이션과 위젯이 과부하된 페이지는 더 복잡하고 문제가 발생하기 쉽습니다. 가능한 한 페이지를 단순화하고, 사이트 목적에 필수적이지 않은 애플리케이션 및 위젯의 과도한 사용을 자제합니다.

누적 레이아웃 이동(CLS) 측정 항목 개선하기

누적 레이아웃 이동(CLS) 측정 항목을 개선하려면 사이트의 레이아웃을 안정적으로 유지하기 위해 간단한 변경 작업을 수행해야 합니다.

사이트의 CLS 측정 항목을 개선하려면:

  1. 사이트 DOM 순서의 재정렬을 고려합니다.
    • Wix 에디터: DOM 순서는 왼쪽 → 오른쪽 스크립트로 자동 구성됩니다. 하지만, 사이트에서 아랍어 또는 히브리어와 같이 오른쪽 → 왼쪽으로 표기하는 스크립트를 사용하는 경우 레이어 패널에서 DOM 순서를 수동으로 조정해야 합니다. 
    • 에디터 X: 에디터 X에는 자동 DOM 순서가 없습니다. 하지만 레이어 패널에서 구성 요소의 순서를 검토 및 재정렬할 수 있습니다.
      참고: 에디터 X 사이트는 유사한 기능이 적용되는 Wix Studio로 이전됩니다. 
    • Studio 에디터: Wix Studio 사이트에는 자동 DOM 순서가 있으며, 레이어 패널을 통해 구성 요소의 순서를 검토 및 조정할 수 있습니다.
  2. 배치를 업데이트해 CLS에 미치는 영향을 최소화합니다. 페이지 상단에 배너 광고를 게재하면 레이아웃 안정성이 저하될 수 있습니다. 대신, Google 애드센스 광고와 같이 스크롤해야 볼 수 있는 부분에 광고 구성 요소를 배치해 CLS 문제를 줄일 수 있습니다.

성능 측정 도구

다양한 도구를 사용해 사이트 성능에 대한 통찰력을 얻을 수 있습니다. 이러한 도구에는 일반적으로 실제 방문자 데이터 및 예상 실습 데이터가 포함됩니다. 
중요!
실제 방문자 데이터에 집중할 것을 적극 권장합니다. 이 데이터는 Wix Site Speed 대시보드의 "실제 방문자 경험" 섹션 및 Google PageSpeed Insights의 "코어 웹 바이탈 평가" 섹션의 두 곳에서 볼 수 있습니다. 이러한 측정 항목을 사용해 사이트 방문자가 사이트를 로딩하고 탐색할 때 어떤 경험을 하는지 가장 잘 이해할 수 있습니다.

아래를 클릭해 성능 측정 도구에 대한 자세한 정보를 확인하세요.


모바일 및 데스크톱 점수의 차이

사이트의 핵심 성능 검토 시에는 모바일에 대한 보고서와 데스크톱에 대한 보고서의 두 가지 보고서를 받게 됩니다. 두 개의 전체 점수는 일치하지 않을 수 있습니다.

모바일과 데스크톱의 일반적인 점수 차이에는 다음과 같은 몇 가지 요인이 영향을 미칩니다: 
  • 모바일 기기는 일반적으로 데스크톱보다 프로세서 속도가 느립니다.
  • 모바일 네트워크(예: 3G, 4G, LTE, 5G)는 데스크톱 기기에서 사용하는 Wi-Fi 또는 인터넷 연결보다 속도가 느릴 수 있습니다.

코어 웹 바이탈 및 SEO

코어 웹 바이탈은 사이트 성능을 나타내는 중요한 지표이며 사이트의 SEO 순위에 대해 고려되는 다양한 요소 중 하나입니다.

성능 SEO 향상 기능은 모바일 및 데스크톱 페이지에 별도로 적용됩니다. 모바일 또는 데스크톱의 각 페이지는 각 코어 웹 바이탈에 대해 하나씩 최대 3개의 부스트를 받을 수 있습니다.
  • 빠름: 측정 항목 점수가 전체 SEO 향상임을 나타냅니다(초록색).
  • 개선이 필요함: 측정 항목 점수가 부분적으로 SEO 향상임을 나타냅니다(노란색).
  • 나쁨: 측정 항목 점수가 SEO 증가 향상임을 나타냅니다(빨간색).

예를 들어, 모바일 페이지의 SEO가 LCP 및 INP에 대해서는 부분적으로 향상되지만 CLS에 대해서는 완전히 향상될 수 있습니다.
LCP 및 INP의 SEO는 부분적으로 향상되지만 CLS는 완전히 향상되는 것을 보여주는 스크린샷
한편, 동일한 페이지의 데스크톱 버전은 각 측정 항목에 대해 전체 SEO 향상을 받을 수 있습니다.
동일한 페이지의 데스크톱 버전이 각 측정 항목에 대해 전체 SEO 향상을 받는 방법을 보여주는 스크린샷
코어 웹 바이탈 평가는 세 가지 코어 웹 바이탈 측정 항목 모두에서 '빠름' 점수를 받지 못하면 '실패'로 표시됩니다. 이는 각 측정 항목이 독립적으로 향상에 기여하므로 페이지가 향상되지 않았음을 의미하지는 않습니다.

Google 검색은 페이지 환경이 완벽하지 않더라도 항상 가장 관련성이 높은 콘텐츠를 표시하는 것을 목표로 합니다. 대부분의 쿼리에 대해 유용한 콘텐츠가 많이 있습니다. 따라서 훌륭한 페이지 경험을 제공하는 것이 검색 순위 상승에 기여할 수 있습니다.

콘텐츠는 SEO 점수를 유지하는 데 가장 중요한 요소입니다. 사이트의 콘텐츠를 최적화하고 페이지의 메타 태그를 업데이트할 것을 권장합니다. SEO 모범 사례에 대한 자세한 도움말을 확인하세요.

자주 묻는 질문

아래를 클릭해 코어 웹 바이탈에 대한 가장 일반적인 질문에 대한 답변을 확인하세요.

도움이 되었나요?

|