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