Page Speed ​​Analytics 대시보드 소개

지난 몇 년 동안 우리는 검색 엔진이 웹사이트 품질의 지표로서 페이지 속도에 점점 더 관심을 갖게 되는 것을 보았습니다. 올해 초 Google은 핵심 Web Vitals 업데이트를 출시했습니다. 이것은 순위 알고리즘에 더 많은 페이지 속도와 경험 정보를 추가했습니다.

페이지 속도가 향후 몇 년 동안 모니터링해야 할 중요한 지표가 될 것이 분명합니다. 우리에게 이는 웹사이트의 각 섹션이 경쟁업체와 비교하여 매주 어떻게 수행되고 있는지 확인할 수 있음을 의미합니다. 이를 위해 PageSpeed ​​Console을 개발했습니다. 이 기사에서는 고객이 웹사이트의 페이지 속도 경험에 대한 통찰력을 얻기 위해 이를 사용하는 방법을 보여줍니다.

페이지 속도를 평가하는 것이 중요한 이유는 무엇입니까?

이 시점에서 모든 디지털 마케터는 페이지 속도가 SEO 및 사용자 경험에 얼마나 중요한지 알고 있습니다.

페이지 속도는 사용자 경험에 큰 영향을 미칩니다. 사용자가 페이지가 로드될 때까지 기다려야 하는 시간이 길수록 전환하기 전에 떠날 가능성이 커집니다. Unbounce에서 설문 조사한 사람들의 거의 70%가 페이지 속도가 구매 가능성에 영향을 미친다고 말했습니다.

페이지 속도에 대한 Google과 Deloitte의 자체 연구에 따르면 로드 시간이 0.1초 향상될 때마다 전환율이 8% 증가할 수 있습니다.

레이아웃 변경 및 느린 로딩 콘텐츠와 같은 속도와 관련된 다른 페이지 경험 메트릭도 마찬가지입니다.

SEO에 페이지 속도가 중요한 이유는 무엇입니까?

Google은 핵심 성능 지표를 순위 신호로 사용하기 때문에 페이지 속도는 SEO에 영향을 미칩니다. Core Web Vital은 페이지 콘텐츠가 로드되는 속도를 측정하는 세 가지 페이지 속도 측정항목입니다. 이러한 측정항목은 다음과 같습니다.

• 최대 함량 페인트(LCP)
• 첫 번째 입력 지연(FID)
• 누적 레이아웃 시프트(CLS)

Google은 이러한 측정항목을 사용하여 사용자 경험의 품질을 평가합니다.

페이지 속도 분석은 웹 관리자와 SEO가 모두 모니터링해야 하는 사이트 성능의 중요한 측면입니다. 다른 모든 조건이 동일할 경우 Core Web Vital 측정항목이 더 나은 페이지는 Google 결과 페이지에서 순위가 ​​더 높을 가능성이 높습니다.

PageSpeed ​​Insights의 제한 사항

Google의 PageSpeed ​​Insights 도구에서 페이지 속도 데이터를 수동으로 가져올 수 있지만 다음과 같은 몇 가지 주요 제한 사항이 있습니다.

• 확장 불가능
  이 도구는 한 번에 하나의 URL을 검사하므로 여러 URL을 평가하는 데 시간이 많이 걸립니다.
  
• 시간 경과가 아닌 한 눈에 보는 측정항목
  이 도구는 페이지 속도 측정항목의 스냅샷을 제공합니다. 이로 인해 시간 경과에 따른 페이지 속도 향상 또는 감소를 측정하기가 어렵습니다. 마찬가지로, 개선 사항이 페이지 속도 메트릭에 미치는 영향을 모니터링하기 어렵게 만듭니다.
  
• 메트릭을 경쟁업체와 비교할 수 없음
  한 번에 하나의 URL만 테스트할 수 있기 때문에 내부 페이지 속도 측정항목을 경쟁자의 측정항목과 비교하려면 여러 테스트를 실행해야 합니다. 그렇게 하는 경우에도 이것은 선택한 페이지와 테스트를 실행한 시간에 의해 왜곡된 스냅샷일 뿐입니다.

Google의 모바일 페이지 속도 도구에도 비슷한 문제가 있습니다.

Ayima의 Page Speed ​​모니터링 대시보드는 이러한 문제를 해결합니다.

페이지 속도 모니터는 어떻게 작동합니까?

Page Speed ​​대시보드는 Google의 Page Speed ​​Insights API를 사용하여 여러 도메인에서 여러 페이지의 성능을 분석합니다.

내부(클라이언트) 및 경쟁자 페이지 샘플에 대한 데스크톱 및 모바일 성능 측정항목 모두에 대한 API 요청을 합니다. 고객은 추적된 페이지 목록에 직접 액세스할 수 있으며 Google 시트를 업데이트하여 언제든지 이를 업데이트할 수 있습니다.

Python 매니아이거나 단순히 호기심이 많은 사람들을 위해 이 기사에서는 Page Speed ​​Insights API와 인터페이스하는 방법에 대해 자세히 설명합니다.

우리 애플리케이션은 BigQuery에서 성능 결과를 추적합니다. 이를 통해 시간 경과에 따른 페이지 속도 측정항목의 변경 사항을 측정하고 보고할 수 있습니다. 이 웨어하우스 데이터를 Google 데이터 스튜디오와 연결하여 각 클라이언트의 요구 사항에 맞는 페이지 속도 대시보드를 구축합니다.

각 대시보드의 특정 경쟁사 웹사이트는 물론 URL 및 페이지 유형을 강조표시할 수 있는 기능이 있습니다. 이를 통해 사이트 전체에서 페이지 속도를 매우 쉽게 모니터링할 수 있습니다.

Page Speed ​​Monitor의 핵심 요소

페이지 속도 대시보드는 시간 경과에 따른 웹사이트의 페이지 속도 성능에 대한 포괄적인 개요를 제공합니다. 또한 경쟁업체와 비교하여 귀하의 실적을 표시합니다.

현장 데이터와 실험실 데이터의 두 가지 소스에서 데이터를 수집합니다. 이러한 측정항목과 측정항목에 대한 자세한 정보는 Google 문서에서 찾을 수 있습니다. 또한 HTTP2 및 페이지 속도에 대한 기술 정보가 더 있습니다.

• 필드 데이터
  실제 사용자 데이터를 캡처합니다. 이를 통해 실제 병목 현상을 식별할 수 있습니다.
  • 누적 레이아웃 시프트(CLS)
    시각적 안정성을 측정합니다. 낮은 CLS는 페이지의 상호 작용이 부드럽고 지연되지 않도록 합니다.

• 첫 번째 입력 지연(FID)
  부하 응답성을 측정합니다. FID가 낮으면 페이지를 사용할 수 있고 사용자가 페이지와 상호 작용할 수 있습니다.

• 최대 함량 페인트(LCP)
  감지된 로드 속도를 측정합니다. 빠른 LCP는 페이지에 참여하기에 충분한 콘텐츠가 렌더링되어 있음을 사용자를 안심시키는 데 도움이 됩니다.

첫 번째 콘텐츠가 포함된 페인트(FCP)
감지된 로드 속도를 측정합니다. 빠른 FCP는 사용자에게 어떤 일이 일어나고 있음을 안심시키는 데 도움이 됩니다.

위에서 언급한 핵심 Web Vitals(LCP, FID 및 CLS) 외에도 아래에 나열된 기타 여러 최상위 측정항목을 모니터링합니다.

• 연구실 데이터
  통제된 환경에서 데이터를 수집합니다. 이를 통해 성능 문제를 디버깅하는 데 유용할 수 있는 재현 가능한 결과를 얻을 수 있습니다.
  • 성능 점수
    페이지의 랩 데이터 측정항목을 사용하여 요약된 점수를 제공합니다.

• 누적 레이아웃 시프트(CLS)

• 최대 함량 페인트(LCP)

• 첫 번째 콘텐츠가 포함된 페인트(FCP)

• 속도 지수
  속도 지수는 페이지 로드 중에 콘텐츠가 시각적으로 얼마나 빨리 표시되는지 측정합니다.

• 인터랙티브 시간(TTI)
  부하 응답성을 측정합니다. 빠른 TTI는 페이지가 빠르게 사용 가능하고 상호 작용할 수 있음을 의미합니다.

• 총 차단 시간(TBT)
  전체 응답성을 측정합니다. 낮은 TBT는 페이지를 사용할 수 있고 사용자가 페이지와 상호 작용할 수 있음을 의미합니다.

Page Speed ​​Tracker의 인사이트

Page Speed ​​Tracker의 목표는 Google의 기존 PageSpeed ​​Insights 도구가 제공할 수 없는 통찰력을 제공하는 것입니다.

우리는 시간이 지남에 따라 관련 메트릭을 추적할 수 있는 기능을 원했습니다. 이를 통해 페이지 속도 이니셔티브의 효율성 또는 웹사이트에 대한 일부 변경의 영향을 측정할 수 있습니다.

또한 특정 페이지 유형만 업데이트한 경우 분석에서 해당 유형을 분리할 수 있기를 원했습니다. 마찬가지로 우리는 필요한 경우 특정 장치 유형 또는 국가의 성능을 볼 수 있는 기능을 원했습니다.

이 모든 것이 고객에게 우위를 제공하는 데 도움이 되는 통찰력이었습니다. 이렇게 하면 우리가 우리 사이트에서 했던 것처럼 목표를 변경하여 자신의 페이지 속도를 향상시킬 수 있습니다.

단일 스냅샷과 달리 시간 경과에 따른 페이지 속도 성능을 측정하면 올바른 방향으로 이동할 때를 결정할 수 있습니다. 그것은 또한 우리가 얼마나 바늘을 움직이고 있는지를 정확히 보여줍니다.

사이트 성능을 경쟁업체의 성능과 비교할 수 있는 것도 중요했습니다. 때때로 페이지 속도 측정항목은 Google의 점수 시스템에 따라 좋지 않게 보일 수 있습니다. 다만, 업계 특성상 고화질의 대용량 이미지나 동영상을 사용해야 하는 경우 경쟁사 분석을 통해 이를 보여주는 것이 중요합니다. 웹 사이트는 Google에 따르면 성능이 좋지 않지만 경쟁자에 비해 성능이 좋을 수 있으며 그 반대의 경우도 마찬가지입니다.

대시보드의 첫 번째 섹션은 경쟁업체와 비교하여 고객의 페이지 속도 측정항목에 대한 높은 수준의 개요를 제공합니다. 시계열 차트를 사용하면 시간 경과에 따라 경쟁업체와 여러 페이지 속도 점수를 비교할 수 있습니다. 우리는 페이지 속도 성능에 대한 업계 전망을 제공하기 위해 여러 웹사이트에서 경쟁자 데이터의 평균을 냅니다. 따라서 사이트 변경/마이그레이션이 사이트 속도에 미치는 영향을 모니터링할 수 있습니다.

대시보드 아래에 핵심 웹 필수 메트릭에 대한 보다 세분화된 분석이 포함됩니다. 마찬가지로, 벤치마크를 제공하기 위해 각 차트에 경쟁사 데이터를 포함합니다.

맞춤 필터를 사용하면 페이지, 국가 및/또는 기기 유형 등의 하위 집합의 실적을 분석할 수 있습니다.

KPI 개요를 통해 실험실 및 현장 데이터 메트릭을 한 눈에 볼 수 있습니다. 다시 한 번, 여러 경쟁자 웹사이트의 평균을 취하는 각 측정항목에 대한 경쟁사 데이터를 제공합니다.

개선 또는 감소를 나타내기 위해 30일 평균의 변화를 포함합니다. 색상 코딩은 개선을 위해 쉽게 식별할 수 있는 영역을 강조 표시합니다. 빨간색 측정항목은 Google에서 좋지 않은 것으로 간주하며 모든 최적화 작업에서 우선적으로 적용되어야 합니다. 주황색 지표는 괜찮은 점수이고 녹색 지표는 좋은 점수입니다.

대시보드의 페이지 유형 및 국가 섹션은 개선이 필요한 고객 웹사이트 영역을 분류합니다. 이는 올바른 방향으로 이동했거나 이동하지 않은 영역 및 템플릿을 보여줍니다.

보다 포괄적인 경쟁자 분석 섹션을 통해 여러 경쟁자에 대한 페이지 속도 측정항목을 볼 수 있습니다. 이를 통해 특히 어떤 경쟁 웹사이트가 잘 수행되고 있으며 더 많은 조사가 필요할 수 있는지 식별할 수 있습니다.

경쟁업체가 SERP에서 순위를 얻으면 여기에서 페이지 속도 측정항목의 긍정적인 변화와 상관관계가 있는지 확인할 수 있습니다. 또는 경쟁업체가 웹사이트를 재설계하는 경우 여기에서 사이트 속도에 대한 영향을 모니터링할 수 있습니다.

필드 데이터 차트는 빠른, 평균 및 느린 메트릭을 경험하는 사용자의 비율을 보여줍니다. 주간 평균을 통해 시간 경과에 따른 추세를 확인하여 페이지 속도 측정항목을 개선하려는 노력의 영향을 확인할 수 있습니다.

우리는 고객의 요구를 충족시키기 위해 추가 차트와 표를 만들 수 있습니다.

설정하는 방법?

Ayima PageSpeed ​​Console은 성능 향상에 도움이 되므로 SEO 고객에게 제공하는 것입니다. 질문이 있거나 더 자세히 알고 싶으시면 저희에게 연락해 주십시오.