Core Web Vitals에 미치는 높은 실적 점수의 전체적인 영향과 이점을 측정한 사례 연구입니다.
RebelMouse는 클라우드 기반 CMS로, 게시자가 신규 및 기존 시청자에게 최상의 경험을 제공하는 데 필요한 데이터 기반 도구와 크리에이티브 전략을 제공합니다. Upworthy, Narcity, Raw Story, Brit + Co, The Independent와 같은 미디어 회사와 Penske Trucks, Vault12, Gaingels와 같은 가치가 높은 사이트의 트래픽이 많은 웹 속성을 지원합니다.
YouTube 플랫폼은 미국에서만 매달 1억 명 이상의 사용자에게 도달합니다. 이 회사는 개방형 웹이 번창하려면 소비자의 기대에 부응하는 최고 수준의 성능을 발휘해야 한다는 신념을 바탕으로 설립되었으며, Google의 핵심 성능 보고서에서 정한 표준은 이러한 사용자 중심의 비전과 일맥상통합니다.
10년 넘게 전 세계 팀은 긍정적이고 직관적인 사용자 환경을 만들어 의미 있는 비즈니스로 전환하는 CMS를 설계해 왔습니다. 핵심 성능 보고서는 Google에서 지원하는 모든 새 사이트에서 이러한 공생적 루프가 계속 이어지도록 하는 벤치마크입니다.
실적에 우선순위를 두면 비즈니스가 개선되는 이유
많은 게시자는 Core Web Vitals에서 우수한 점수를 얻기 위해 노력할 가치가 있는지 의심합니다. 또한 우수한 사용자 환경을 제공해도 필요한 독자층을 늘릴 수 없다는 우려도 있습니다. 다행히 RebelMouse에서는 실적을 우선시하여 Core Web Vitals이 새로운 트래픽을 생성하고 성공적인 비즈니스에 필요한 사용자 충성도를 구축하는 데 효과적인 방법임을 입증하는 데이터를 얻었습니다.
이를 설명하기 위해 Google에서는 Core Web Vitals의 높은 실적 점수에 맞게 최적화하기 전과 후의 여러 사이트에서 발생한 잠재고객의 행동을 분석했습니다. 특히 잠재고객을 다음과 같은 주요 카테고리로 구분하기 위해 사용자 유형을 정의했습니다.
- 신규 방문자: 사이트를 처음 방문한 사용자입니다.
- 재방문자: 세션이 2회 이상인 사용자입니다.
- 충성도 높은 방문자: 세션이 3회 이상인 사용자입니다.
- 팬: 세션이 4회 이상인 사용자입니다.
- 슈퍼팬: 세션이 5회 이상인 사용자입니다.
참고자료: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
Google 애널리틱스에서 수집한 현장 데이터는 매우 명확했습니다. 충성도 높은 방문자, 팬, 열성적인 팬 카테고리를 중심으로 살펴본 결과, 핵심 웹 성능에서 우수한 점수를 받은 사이트의 경우 사용자가 사이트에 더 오래 머물고, 더 많은 콘텐츠를 소비하며, 더 자주 다시 방문할 가능성이 훨씬 높았습니다. 다음은 몇 가지 대표적인 예입니다.
하지만 콘텐츠 소비량과 사용자당 시간만 급증한 것이 아닙니다. 동일한 카테고리에서 방문자 수와 액세스한 페이지 수도 증가했습니다.
평범한 웹사이트를 실적 우수 웹사이트로 바꾸는 RebelMouse의 방법
다행히 사이트의 코드베이스를 신중하고 전략적으로 변경하면 Core Web Vitals에서 우수한 실적을 얻을 수 있습니다. 다음은 RebelMouse가 실적이 우수한 웹사이트를 지원하는 몇 가지 방법입니다.
프로그레시브 웹 앱
RebelMouse는 가장 중요한 콘텐츠를 먼저 제공하는 프로그레시브 웹 앱의 모든 서드 파티 호출을 최적화한 다음 독자가 볼 필요가 있는 나머지 호출을 순서대로 지정합니다.
최대 콘텐츠 페인트 (LCP) 이벤트가 완료된 직후에 JavaScript를 로드하는 메서드가 있습니다. Google에서는 사용자에게 다음과 같은 세 가지 우선순위 수준을 통해 JavaScript를 로드할 수 있는 옵션을 제공합니다.
- 최적화됨은 최신 첨단 접근 방식을 원하는 사용자에게 가장 적합합니다. 자체 개발 작업에 사용합니다. 이 우선순위 수준은 페이지가 완전히 로드된 후까지 JavaScript 실행을 일시중지하므로 최고의 성능을 제공합니다.
- 로드 차단은 JavaScript를 즉시 실행하는 데 사용되며 일반적으로 성능 점수에 부정적인 영향을 미칩니다. 이 우선순위 수준은 페이지 로드가 완료된 직후 JavaScript를 실행합니다. 추가 호출에 따라 실적 점수가 10~40포인트 하락할 수 있습니다.
- 게시 후 LCP는 우수한 성능 점수와 매우 빠른 로드를 결합하는 가장 좋은 옵션입니다. 이 우선순위 수준을 사용하면 콘텐츠가 포함된 최대 페인트 이벤트가 완료된 직후에 JavaScript가 로드됩니다. (페이지에 5초 정도만 머무는 사용자에게 광고를 게재하여 수익이 증가한 광고에만 권장됩니다.)
소셜 삽입 최적화
누적 레이아웃 전환 (CLS) 및 LCP 점수를 보호하려면 모든 소셜 삽입이 지연 로드로 설정되어야 합니다.
CLS를 보존하려면 서버 측 기술로 삽입의 크기를 동적으로 찾고 해당 삽입의 속성 저장소에 삽입해야 합니다. 그런 다음 로드 시 레이아웃이 전환되지 않도록 삽입된 콘텐츠를 프런트엔드에 전송해야 합니다. 이 주제에 대해 자세히 알아보려면 Twitter 및 TikTok의 구체적인 사례에 관한 게시물을 참고하세요.
초경량의 스마트 HTML 및 CSS
사이트 HTML 및 CSS는 페이지의 나머지 부분보다 먼저 로드할 수 있는 페이지 상단 이미지와 텍스트를 전송할 수 있는 방식으로 구성되어야 합니다.
- 잘못된 HTML 구성은 브라우저가 첫 번째 뷰포트에서 스크롤해야 볼 수 있는 부분에 있는 콘텐츠를 렌더링하기 위해 스크롤해야 볼 수 있는 부분에 있는 불필요한 사이트 요소를 많이 처리하도록 강제합니다.
- RebelMouse에서 이를 실행하는 방법에 관한 자세한 내용은 다음 도움말을 참고하세요.
- Core Web Vitals를 개선하는 방법에 대한 세부정보
- 서드 파티 스크립트를 포함하면서 빠른 페이지 속도를 구현하는 방법에 관한 전체 가이드입니다.
- LCP 최적화에 관한 심층 가이드입니다.
실적 중심의 사고방식으로 게시
Core Web Vitals가 출시된 이후 개발자들은 게시 플랫폼이 Google의 권장 기준에 미치는 영향을 실감하고 있습니다.
수백만 개의 URL에서 동향을 파악하고 이전 패턴을 기록하는 오픈소스 프로젝트인 HTTP Archive는 Core Web Vitals 기술 보고서에서 주요 콘텐츠 관리 시스템이 Google의 페이지 경험 표준에 비해 어떤 실적을 내는지 밝혔습니다. RebelMouse는 출시 이후 2022년까지 Google의 가장 중요한 측정항목에서 주요 CMS 플랫폼보다 지속적으로 우수한 실적을 보였습니다.
타협 없는 성능
이제 양질의 콘텐츠를 제작하는 것만으로는 게시자와 브랜드 모두에게 절반의 성공에 불과합니다. 양질의 콘텐츠는 오늘날 웹의 속도와 표준을 따라잡을 수 있는 최신 기술로 지원되어야 합니다. 사이트 성능은 단순한 목표가 아니라 Google 문화에 깊이 뿌리내린 회사의 핵심사항이므로 Google은 우수한 코어 웹 바이탈을 제공할 수 있습니다. Google은 실적에 집중하여 고객이 사용자 경험을 저하시키지 않고 트래픽을 늘리고 수익을 창출하여 개방형 웹을 최대한 활용할 수 있도록 지원합니다.
사이트에서 Core Web Vitals의 업계 표준을 초과할 수 있도록 지원하는 방법을 자세히 알아보려면 여기를 클릭하여 지금 RebelMouse에 대해 자세히 알아보세요.