핵심 웹 바이탈은 전반적인 사용자 경험을 측정하는 Google의 측정항목입니다. 사용자가 귀하의 비즈니스를 보는 방식에 대한 귀중한 통찰력을 제공하여 사이트의 SEO 순위에 영향을 줄 수 있습니다. 사용자 경험을 포착하는 점수를 가지면 사이트에 필요한 것이 무엇인지 추측하는 대신 특정 문제에 대해 조치를 취할 수 있습니다.
목표
이 튜토리얼은 New Relic을 사용하여 핵심 웹 바이탈을 분석하는 과정을 안내합니다. 자습서가 끝나면 다음 작업을 완료하게 됩니다.
- one.newrelic.com에서 핵심 웹 바이탈을 찾으십시오.
- 핵심 웹 바이탈이 사이트 성능으로 변환되는 방식을 이해합니다.
- New Relic에서 데이터를 필터링하여 점수에 기여하는 항목을 찾습니다.
핵심 웹 바이탈 이해
이미 New Relic으로 브라우저 앱을 모니터링하고 있는 경우 one.newrelic.com > All capabilities > Browser > (앱 선택) > Monitor > Web vitals 로 이동합니다.
중요
일부 고객의 경우 웹 바이탈 이 모니터 아래가 아닌 추가 보기 아래에 있을 수 있습니다.
one.newrelic.com > All capabilities > Browser > (앱 선택) > Monitor > Web vitals: 사이트 전체의 핵심 웹 바이탈, 즐겨찾기 주요 웹 페이지를 추적하고 기간별로 필터링합니다.
세 가지 핵심 웹 바이탈은 다음과 같습니다.
- 가장 큰 콘텐츠가 포함된 페인트 : 로딩 성능 측정
- 첫 번째 입력 지연 : 사용자 입력과 브라우저 응답 간의 상호 작용을 측정합니다.
- 누적 레이아웃 이동 : 시각적 안정성 측정
각 웹 바이탈에는 앱의 성능과 SEO를 추적하는 데 도움이 되는 다음과 같은 임계값이 있습니다.
도움이 됨 | 개선이 필요하다 | 도움이 안됨 | |
|---|---|---|---|
가장 큰 만족스러운 페인트 | <=2.5초 | <=4초 | >4초 |
첫 번째 입력 지연 | <=100ms | <=300ms | >300ms |
누적 레이아웃 이동 | <=0.1 | <=0.25 | >0.25 |
좋은 웹 바이탈은 조직이 비용을 절감하고 SEO를 높이는 데 도움이 될 수 있습니다. 나쁨 또는 개선 필요 는 조직에 대한 부정적인 사용자 인식을 반영할 수 있으며, 이는 고객 불만족 또는 비즈니스 기회 손실로 이어질 수 있습니다.
특정 페이지로 드릴다운
중요한 페이지(예: 전자상거래 결제 페이지)에 대한 통찰력을 얻으려면 Page URL [페이지 URL] 테이블에서 찾으십시오. 최종 사용자가 사이트의 해당 영역을 경험하는 방식을 이해하는 데 사용할 수 있는 핵심 웹 바이탈에 기여하는 항목에 대한 분석이 표시됩니다. 예를 들어 Chrome 브라우저에서 성능 저하 패턴을 발견한 경우 해당 사용자 기반에 대한 향후 개선 사항을 선별할 수 있습니다.
one.newrelic.com > All capabilities > Browser > (앱 선택) > Monitor > Web vitals > (페이지 URL 클릭): 가장 영향력 있는 웹 페이지에 대한 핵심 웹 바이탈 분석을 봅니다.
주요 속성으로 필터링
백엔드 변경 또는 성능 문제가 핵심 웹 바이탈에 미치는 영향과 같은 특정 사항을 조사하려는 경우 필터링 기준 도구를 사용하여 주요 속성을 필터링할 수 있습니다.
one.newrelic.com > All capabilities > Browser > (앱 선택) > Monitor > Web vitals > (필터 추가): 필터 도구를 사용하여 주요 속성별로 핵심 웹 바이탈을 필터링합니다.
거의 모든 주요 속성으로 필터링할 수 있지만 몇 가지 유용한 예를 읽으십시오.
세션 추적으로 더 많은 컨텍스트 얻기
New Relic은 주어진 페이지에서 사용자 세션에 대한 데이터를 캡처합니다. 세션 추적은 임의로 샘플링되어 사용자가 페이지 로드 타이밍 문제, JavaScript 이벤트 또는 기타 오류를 경험한 방식을 볼 수 있습니다.
세션 추적을 사용하여 여러 사용자 세션에서 패턴을 찾는 것이 좋습니다. 핵심 웹 바이탈 점수 중 하나를 개선할 수 있는 경우 한 가지 옵션은 세션 추적을 살펴보고 여러 사용자 세션에서 공유되는 공통 속성을 확인하는 것입니다. 다음은 세션 추적이 사이트를 개선하는 데 어떻게 도움이 되는지에 대한 예입니다.
- Web vitals [웹 바이탈] 탭에서 성능이 좋지 않은 페이지를 클릭합니다. 위의 이미지를 예로 사용하면 사이트의 전체 LCP 점수가 양호하지만 일부 개별 페이지에 개선이 필요함을 알 수 있습니다.
- Web vitals [웹 바이탈] 페이지의 Page URLs [페이지 URL] 섹션을 보면 홈페이지 URL의 LCP 점수가 4초보다 큰 것을 볼 수 있습니다. 모든 사용자에게 영향을 미치는 오류 때문입니까, 아니면 한 종류의 사용자에게만 영향을 줍니까? 예를 들어 한 버전의 Chrome 또는 특정 운영 체제를 사용하는 사용자가 페이지 로드 시간이 느린 경우 문제의 특정 원인을 더 잘 해결할 수 있습니다.
- 문제를 해결하려는 URL을 클릭하면 새 창이 채워집니다. LCP 점수가 사이트의 전체 LCP 점수보다 훨씬 높다는 것을 알게 됩니다. 이 페이지 하단의 Session traces [세션 추적] 섹션으로 스크롤하면 실제 사용자 세션의 다양한 샘플을 볼 수 있습니다. 이러한 세션은 사용자가 AJAX 요청, DOM 로드 관련 문제, JavaScript 이벤트 또는 기타 오류를 경험한 방법에 대한 보다 세부적인 세부 정보를 제공할 수 있습니다.
무작위 세션의 데이터는 수백 또는 수천 건의 웹 페이지 사용자 상호 작용에서 패턴을 찾는 데 도움이 됩니다. 무작위로 선택된 이 데이터에 패턴이 나타나면 문제 해결 계획이 페이지 점수를 향상시킬 것이라는 확신을 가질 수 있습니다.