Pagespeed Pal 소개: Google 데이터 스튜디오에서 핵심 Web Vitals 시각화

게시 됨: 2022-04-29

풀 서비스 디지털 마케팅 대행사로서 우리는 명확하고 간결한 방식으로 시각화할 수 있는 클라이언트 및 경쟁자 URL에 대한 Core Web Vitals에 대한 정보를 빠르고 쉽게 수집할 수 있는 방법을 원했습니다.

기존 솔루션을 살펴본 후 우리가 원하는 것을 정확히 수행하는 도구가 없다는 것을 빠르게 깨달았습니다.

그래서 저희가 직접 제작하기로 했습니다. 가장 좋은 부분? 디지털 마케터가 디지털 마케터를 위해 구축한 무료입니다.

Core Web Vitals가 왜 중요한가요?

2021년 6월부터 Core Web Vitals는 사이트의 공식 순위 요소가 되었습니다. 가장 큰 기여는 아니지만 사이트 순위를 높일 수 있는 최상의 기회를 원한다면 데스크톱과 모바일 모두에서 웹 사이트가 어떻게 작동하는지 이해하는 것이 점점 더 중요해지고 있습니다. 어떻게 할 수 있습니까? 글쎄요, 시간이 지남에 따라 FID(First Input Delay), CLS(Cumulative Layout Shift) 및 LCP(Large Contentful Paint)와 같은 순위 측정항목을 추적하고 모니터링하여 문제가 발생할 수 있는 위치를 식별하고 성공 정도를 수량화할 수 있어야 합니다. 구현된 솔루션은 다음과 같습니다.

Semetrical에서 개발한 무료 도구인 Pagespeed Pal을 소개합니다. Core Web Vitals를 쉽게 추적, 구성 및 시각화하려는 사람을 위해 특별히 설계되었습니다.

그렇다면 Pagespeed Pal은 무엇입니까?

우리 도구는 Pagespeed Insights API를 사용하여 다음 필드, 출처 및 실험실 측정항목을 가져옵니다.

FCP Ms – 필드
LCP Ms – 필드
CLS Ms – 필드
FID Ms – 필드
FCP Ms – 오리진
LCP Ms – 오리진
CLS Ms – 오리진
FID Ms – 오리진
성능 점수 – 랩
FCP Ms – 연구실
LCP Ms – 연구실
CLS – 연구실
Time To Interactive Ms – 랩
총 차단 시간 Ms – Lab
속도 지수 Ms – 연구실
첫 번째 바이트 Ms까지의 시간 – 랩
FID Ms – 연구실

이제 Pagespeed Pal이 가져올 수 있는 메트릭을 다루었으므로 각 메트릭이 알려주는 내용을 빠르게 살펴보고 필드, 원본 및 실험실 데이터 간의 주요 차이점을 간략하게 설명하겠습니다.

측정항목 정의

LCP = 로딩 성능을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지가 처음 로드되기 시작한 후 2.5초 이내에 LCP가 발생해야 합니다.
CLS = 시각적 안정성을 측정합니다. 좋은 사용자 경험을 제공하기 위해 페이지는 0.1 미만의 CLS를 유지해야 합니다.
FID = 상호작용성을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지의 FID가 100밀리초 미만이어야 합니다.
FCP = 페이지 로딩 속도, 페이지 로딩이 시작된 시점부터 해당 페이지 콘텐츠의 일부가 화면에 렌더링될 때까지의 시간을 측정합니다.
대화형 시간 = 페이지가 로드되기 시작한 시점부터 완전히 대화형 상태가 될 때까지의 시간을 측정하는 실험실 측정항목입니다.
총 차단 시간 = FCP(First Contentful Paint)와 TTI(Time To Interactive) 사이의 총 시간을 밀리초 단위로 측정하는 실험실 메트릭입니다.
속도 지수 = 페이지 로드 중에 페이지 콘텐츠가 시각적으로 채워지는 속도를 측정하는 실험실 측정항목입니다.
Time to First Byte = 브라우저가 페이지를 요청한 시간과 서버에서 정보의 첫 번째 바이트를 수신하는 시간 사이의 시간을 측정하는 실험실 메트릭입니다.

데이터 유형 정의

필드 데이터 = 실제 사용자 방문을 기반으로 하는 이 점수는 특히 제공된 URL과 관련된 점수이며 Google이 페이지 순위를 매길 때 고려하는 것입니다.
원본 데이터 = 사이트에서 측정할 수 있는 모든 URL의 점수 집계로, 전체 사이트 성능에 대한 유용한 표시를 제공합니다.
랩 데이터 = 사전 정의된 네트워크 및 장치 조건 세트로 제어된 환경에서 페이지를 로드합니다.

우리는 각각이 제공해야 하는 다양한 관점에서 이점을 얻기 위해 이 세 가지 데이터 유형을 가져오기 시작했습니다.

Pagespeed Pal은 얼마나 많은 URL을 가져올 수 있고 얼마나 자주 업데이트합니까?

이 점수는 Pagespeed Insights API에 의해 매일 업데이트되므로 우리 도구는 하루에 한 번만 점수를 가져와 최신 상태를 유지하도록 자동으로 실행합니다. 아래 표시된 인터페이스.

Google은 매일 일정에 따라 실행할 수 있는 URL 수에 제한을 두고 있습니다.

무료 Google 계정이 있는 사용자는 오류가 발생하기 전에 약 35개의 URL을 예약할 수 있는 반면 작업 영역 계정이 있는 사용자는 약 100개의 URL을 쿼리할 수 있습니다.

그러나 Google은 즉시 실행되는 URL 수에 더 적은 제한을 두고 있습니다. Pagespeed Pal 추가 기능 메뉴와 함께 "쿼리 실행" 메뉴를 사용하여 1,600개 이상의 URL에 대한 데이터를 성공적으로 가져올 수 있었습니다.

원시 데이터는 어떻게 표시됩니까?

보고를 쉽게 하기 위해 이러한 점수는 날짜, 장치, 클라이언트, 페이지 그룹화 및 URL별로 분할됩니다. 이것이 Google 스프레드시트에 채워질 때 어떻게 보이는지 아래를 참조하십시오.

이 형식의 주요 목적은 데이터 시각화를 간소화하여 Google 데이터 스튜디오 내에서 자체 고객과 경쟁자 페이지 모두에 대한 강력한 보기를 쉽게 생성할 수 있도록 하는 것입니다.

이것을 시각화하면 어떻게 보일까요?

이 스프레드시트를 데이터 스튜디오에 직접 연결된 데이터 소스로 사용하면 데이터를 다음과 같이 시각화할 수 있습니다.

클라이언트, 페이지 그룹 또는 URL과 같은 관련 차원을 기반으로 필터를 추가하면 높은 수준의 유연성으로 이를 평가할 수 있습니다. 우리는 기준선 기능을 사용하여 메트릭에 대한 임계값을 제공하여 전반적인 성능을 더 쉽게 식별할 수 있습니다.

대단합니다. 보고를 위해 Pagespeed Pal을 어떻게 사용할 수 있습니까?

도구를 최종적으로 변경한 후 Google Workspace Marketplace를 통해 Pagespeed Pal을 공개하고 블로그가 게시되면 업데이트할 예정입니다.

Pagespeed Pal이 출시되면 Google Workspace Marketplace를 통해 도구를 쉽게 추가할 수 있습니다. 다운로드가 완료되면 Google 스프레드시트 > 확장 프로그램 > 부가기능으로 이동하기만 하면 됩니다. 제공된 단계에 따라 얻을 수 있는 API 키를 다운로드하라는 메시지가 표시됩니다. 획득한 후 붙여넣으면 시작할 준비가 된 것입니다! 아래의 짧은 비디오는 도구를 설치한 후 올바르게 시작하는 방법을 보여줍니다.

질문이 있는 경우 문의 양식을 통해 문의하세요.