웹사이트를 개미 농장이라 생각하고, 사용자를 개미라고 가정해 봅시다. RUM(실제 사용자 모니터링)은 마치 농장의 투명한 벽과 같습니다. 이를 통해 사용자가 어디서 왔는지, 어떤 행동을 하는지, 어떤 문제를 겪는지, 그리고 사이트와 상호작용하는 데 얼마나 많은 시간이 걸리는지 정확하게 파악할 수 있습니다.
간단히 말해서, RUM은 여러분의 웹사이트가 사용자들에게 어떤 경험을 제공하는지에 대한 중요한 정보를 제공합니다.
RUM은 실제 사용자 상호 작용에 기반한 테스트 방법입니다. 실제 사용자들을 관찰하고 성능 데이터를 수집하여 트랜잭션 경로, 반응 속도, 페이지 로딩 시간 등 주요 지표들을 측정합니다. 이 기술은 웹사이트나 애플리케이션과의 사용자 상호 작용을 실시간으로 분석하여 사용자 경험을 상세히 파악할 수 있도록 도와줍니다.
RUM이 중요한 이유는 무엇일까요?
다시 개미 농장으로 돌아가 생각해 봅시다. 개미를 관찰하는 것을 좋아한다면, 당연히 개미들이 편안하게 지낼 수 있도록 최선을 다할 것입니다. 웹사이트 방문자들도 마찬가지로 편안함을 느껴야 합니다. 하지만, 개미 농장 속 개미들과 달리, 웹사이트 방문자들은 불편함을 느끼면 언제든지 떠날 수 있습니다. 따라서 방문자들이 가능한 오래 머물면서 페이지를 탐색하도록 하려면, 그들이 무엇을 느끼는지 이해하는 것이 중요합니다.
RUM은 실제 사용자가 웹사이트와 상호작용할 때 얻는 데이터를 기반으로 합니다. 이는 자동화된 도구나 로봇을 사용하여 미리 계획된 사용자 작업을 모방하고 결과를 도출하는 종합 모니터링 기술과는 대조적입니다. 두 가지 접근 방식 모두 웹사이트 동작에 대한 다른 관점을 제공하므로 사용자 경험에 영향을 미치는 문제를 더 잘 이해하려면 실제 사용자 모니터링과 종합 모니터링을 결합하여 전체적인 그림을 파악하는 것이 이상적입니다.
업트렌드
업트렌드 RUM을 사용하려면 웹 페이지에 간단히 코드 조각을 복사하여 붙여넣기만 하면 됩니다. 그러면 업트렌드 스크립트가 사용자 경험에 대한 데이터 수집을 시작합니다. 수집된 데이터는 페이지 사용량, 국가별 성능, 브라우저 사용량과 같은 주요 지표를 실시간으로 확인할 수 있는 RUM 대시보드에서 즉시 확인할 수 있습니다.
업트렌드의 모니터링 솔루션은 실제 사용자의 데이터와 소프트웨어에서 실행되는 종합 모니터링 테스트 결과를 결합하여 제공합니다. 업트렌드의 종합 모니터링은 전 세계 209개 위치 중 한 곳에서 지정된 간격으로 웹사이트에 접속하여 상호작용을 수행하고 관련 데이터를 수집합니다. 결합된 결과는 웹사이트의 전반적인 상태와 성능을 종합적으로 보여줍니다.
이를 통해 사용자의 관점에서 웹사이트 성능을 평가하고, 구글 애널리틱스와 같은 웹 분석 도구에서 사용자들을 프로파일링하는 데 필요한 통찰력을 얻을 수 있습니다. 수집된 데이터는 몇 분 안에 대시보드에 표시되므로, 모든 페이지 방문에서 데이터를 수집하여 전체적인 그림을 볼 수 있습니다.
부메랑
자바스크립트 라이브러리로 구현된 부메랑 RUM은 페이지 로딩 시간, 성능 지표, 사용자 탐색 경험의 전반적인 품질을 측정합니다. 이 도구를 설정하려면 페이지에 라이브러리를 포함하고 초기화 메서드를 호출하면 됩니다. 라이브러리가 설치되면 RUM 데이터가 추가 분석을 위해 서버로 전송되기 시작합니다.
“관찰자 효과”(관찰 자체만으로도 실험 결과에 영향을 미칠 수 있음)를 피하기 위해 부메랑은 페이지 로드 시간을 증가시키지 않으면서 실행되는 것을 목표로 합니다. 스크립트는 비동기적으로 로드될 수 있으므로 Boomerang.js를 사용할 수 없는 경우에도 페이지 로드를 지연시키지 않습니다.
부메랑은 오픈 소스이기 때문에 별도의 비용이 들지 않습니다. GitHub 저장소에서 다운로드하고 상세 지침에 따라 설치하여 사용자 모니터링을 시작할 수 있습니다. 부메랑 개발에 기여하고 플러그인을 추가하거나 다양한 요구 사항에 맞게 조정하는 것도 가능합니다. 광범위한 플러그인 구조를 가지고 있어 기존의 전통적인 웹사이트는 물론 최신 웹사이트와 단일 페이지 애플리케이션 모두에 사용할 수 있습니다.
캐치포인트
이상적인 모니터링 솔루션은 어떤 사각지대도 남겨서는 안 됩니다.
이것이 바로 캐치포인트 최종 사용자 모니터링 솔루션이 제공하는 약속입니다. 클라우드, 모바일, IoT와 같은 다양한 환경이 혼합되면 장애 지점이 증가하기 시작합니다. 한편, 최종 사용자들은 언제나 사용 가능한 기기에서 빠른 페이지 로딩 속도를 기대합니다. 사용자 경험을 개선하고 문제를 빠르게 해결하려면 사용자의 관점에 대한 완벽한 가시성이 필수적입니다.
단순히 데이터를 수집하고 대시보드에 표시하는 것 이상의 역할을 수행합니다. 성능이 예상 수준 이하로 떨어지면 상황에 맞는 알림을 보내는 경고 시스템을 설정할 수 있습니다. 대시보드는 알고리즘을 기반으로 하여 문제 발생 위치를 정확히 보여줍니다. 또한, 과거 데이터와 통합되지 않은 데이터도 표시하여 중요한 세부 정보를 놓치지 않도록 합니다.
애플리케이션을 변경할 때, 이러한 변경 사항이 항상 응답 시간이나 안정성을 향상시키는 것은 아닙니다. 캐치포인트 모니터링은 실제 사용자가 방문한 페이지의 요청 수준에 대한 세부 정보를 제공하여 새로운 릴리스의 A/B 테스트를 수행할 때 성능을 모델링하고 검증하는 데 유용합니다.
레이건
사용자들은 그 어느 때보다 시간을 중요하게 생각합니다. 사용자의 40%는 페이지 로드를 3초 이상 기다리지 않고 웹사이트를 떠납니다. 따라서, 사용자들에게 빠르고 쾌적한 경험을 제공하려면 그들이 직면하는 성능 병목 현상을 찾아 해결해야 합니다. 이를 위해 레이건은 실제 사용자 세션에서 실행 가능한 데이터를 제공하여 사용자들이 좋지 않은 경험을 하게 된 이유를 진단할 수 있도록 도와줍니다.
이를 통해 사용자 경험을 개선하고, 판매 전환을 늘리고, 프런트엔드 성능을 향상시킬 수 있습니다.
레이건을 사용하면 누가 여러분의 애플리케이션을 사용하고 있는지, 그리고 어떤 특정한 문제가 발생하는지 명확하게 알 수 있습니다. 이를 통해 각 사용자의 세션을 검토하고 문제 영역과 가능한 해결책을 찾아낼 수 있습니다. 또한, 이 도구는 로딩 시간을 방해할 수 있는 프런트엔드 성능 문제를 자동으로 감지합니다. 사용자가 사이트를 탐색하면서 이동한 경로를 추적하여 오류가 발생한 위치, 페이지를 로드하는 데 너무 오래 걸린 위치, 또는 단순히 세션을 중단한 위치를 분석할 수 있습니다.
핑덤
핑덤의 통합적이고 포괄적인 RUM 플랫폼은 추측을 배제하고 실제 방문자 데이터를 기반으로 결정을 내릴 수 있도록 사용자 활동을 모니터링합니다. 핑덤으로 모니터링을 시작하려면 웹페이지에 작은 자바스크립트 조각을 추가하기만 하면 됩니다. 이는 성능에 거의 영향을 미치지 않습니다.
방문자의 데이터가 플랫폼, 국가 및 브라우저와 어떻게 관련되어 있는지 즉시 확인할 수 있습니다.
핑덤에서 데이터와 예상 만족도 매개변수를 수집할 URL을 설정할 수 있습니다. 포괄적인 시각화 옵션을 통해 성능 변화가 방문자의 경험에 어떻게 영향을 미치는지 이해할 수 있습니다. 이러한 정보를 통해 비즈니스에 영향을 미치기 전에 필요한 조치를 취할 수 있습니다.
웹사이트에 페이지가 하나든 수천 개든 관계없이 핑덤 RUM을 사용하면 방문자가 각 페이지를 어떻게 경험하는지 분석할 수 있습니다. RUM의 페이지 그룹화 기능을 사용하면 유사한 페이지의 성능 수치를 보여주는 통합된 데이터를 얻을 수 있습니다.
가격 정책은 표준 기능의 경우 월 약 42달러에서 시작하여 고급 기능 세트의 경우 월 228달러까지 다양합니다. 이 비용에는 RUM뿐만 아니라 서버 모니터링, 경고, 트랜잭션 모니터링도 포함됩니다.
래피드스파이크
간단하고 사용자 정의 가능한 RUM 스크립트만 설정하면 래피드스파이크의 RUM 모니터링을 시작할 수 있습니다. 이 스크립트는 안전한 연결을 통해 제공되므로 취약점 발생에 대해 걱정할 필요가 없습니다. RUM 모니터가 설치되면 방문자 트래픽 양과 페이지 로드 속도를 수집하기 시작하며, 지리적 위치, 브라우저, 사용된 장치를 식별합니다.
실제 사용자의 실시간 데이터를 기록하여 성능 문제를 실시간으로 식별하고 사용자 위치나 기술에 관계없이 사이트의 잠재력을 최적화할 수 있습니다.
다양한 그래프와 표를 통해 정확한 성능 수치를 보여주는 중요한 트래픽 지표를 분석할 수 있습니다. 이러한 수치는 사용자 다운로드 시간을 네트워크, 서버, 브라우저 다운로드 시간으로 구분하여 표시함으로써 지연 문제를 해결하고 병목 현상을 제거해야 할 위치를 파악하는 데 도움을 줍니다. 결과는 페이지마다 다르므로 사이트 내의 각 페이지에 대한 심층 분석을 수행하는 데 유용합니다.
엘라스틱
이미 시스템 지표를 Elasticsearch에서 사용하고 있다면 엘라스틱의 오픈 소스 APM(애플리케이션 성능 모니터링) 도구를 사용하여 애플리케이션 지표로 확장할 수 있습니다.
APM은 병목 현상을 찾아 애플리케이션 가용성을 높이고 작동 중지 시간을 줄이는 것을 목표로 하기 때문에 RUM보다 더 넓은 범위를 다룹니다. 엘라스틱의 전용 UI를 사용하면 이 작업을 쉽게 수행하고 코드 수준에서 문제가 있는 변경 사항을 해결하는 데 집중할 수 있습니다. 결과적으로 애플리케이션 성능과 사용자 경험을 개선하는 것 외에도, 더 효율적인 소스 코드와 개발-테스트-배포 주기를 단축하는 효과를 얻을 수 있습니다.
엘라스틱은 분산 추적을 사용하여 트랜잭션을 연결함으로써 서비스가 상호 작용하는 방식을 전체적으로 이해할 수 있게 해줍니다. 이를 통해 서비스 호출을 시각화하고 지연 문제를 발견하고 최적화해야 하는 구성 요소를 파악할 수 있습니다. 엘라스틱 APM 도구로 수집한 성능 지표는 키바나(Kibana)에서 사전 구성된 대시보드를 통해 시각화하기 위해 Elasticsearch로 전송됩니다.
엘라스틱은 머신 러닝 기능을 활용하여 비정상적인 응답 시간을 사전에 감지합니다. 이메일이나 슬랙을 통해 전송되는 알림을 통해 대시보드를 지속적으로 확인하지 않아도 코드가 어떻게 작동하는지에 대한 최신 정보를 얻을 수 있습니다. 엘라스틱 APM을 사용하려면 엘라스틱 클라우드에 가입하고 간단한 단계를 따라 APM 서버를 설정하면 됩니다. 요금제에 따라 필요한 리소스에 대한 비용만 지불하고 원하는 방식으로 배포할 수 있습니다.
스피드커브
스피드커브는 사용자에 대해 수집하는 데이터에 다양한 비교 측정 기준을 추가합니다. 예를 들어, 콘텐츠 제공 시 경쟁업체 중 누가 더 빠른지 확인할 수 있고, 합성 데이터를 RUM과 비교하여 전체적인 그림을 파악할 수 있도록 지원합니다. 웹 성능과 사용자 경험 간의 상관관계를 통해 페이지 속도 저하가 사이트 이탈률에 미치는 영향을 참여 차트를 통해 파악할 수 있습니다.
이 도구는 설정이 쉽고 팀원들에게 핵심 정보를 전달하는 데 유용한 나란히 배열된 비디오 및 필름 스트립과 같은 시각적 자료를 제공합니다. 전환율, 장바구니 크기, A/B 테스트 결과 등 원하는 모든 지표를 추적할 수 있습니다. 페이지 로딩 시간에 대한 심층적인 정보를 제공하기 위해 스피드커브는 개별 페이지 요소의 렌더링 속도를 측정하여 가장 중요한 콘텐츠가 언제 렌더링되는지 정확히 파악할 수 있도록 해줍니다.
구글 라이트하우스 및 페이지스피드 인사이트와 협력하여 스피드커브는 사용자 경험을 개선하기 위해 확인할 수 있는 성능 규칙 목록을 제공합니다. 스피드커브 배포 API를 지속적인 통합 프로세스의 일부로 활용하여 연속 배포 간의 코드 변경 영향을 자동으로 추적할 수 있습니다.
세마텍스트
세마텍스트 RUM 데이터는 전체 리소스 폭포 시각화를 제공하여 페이지 로딩 속도를 늦추는 자산을 정확히 찾아낼 수 있게 해줍니다. 각 페이지 로드 이벤트에 걸리는 시간을 확인하여 백엔드에서 소요된 시간과 프런트엔드에서 소요된 시간을 구분할 수 있습니다.
이미지, 폰트, 자바스크립트 파일, 스타일 시트 등 모든 리소스에 대한 프로필을 제공하며, URL, 브라우저 유형, 지리적 위치, 운영 체제 등을 기준으로 세부적으로 분석할 수 있습니다.
단일 페이지 애플리케이션은 사용된 프레임워크(React, Ember.js, Angular, Vue.js 등)와 관계없이 세마텍스트 RUM에서 지원됩니다. 실행된 모든 HTTP 요청 및 리소스에 대한 웹앱 모니터링을 통해 성능 병목 현상을 파악하고 최적의 사용자 만족도를 보장할 수 있습니다.
세마텍스트는 애플리케이션 성능과 사용자 만족도를 측정하는 표준 지표인 Apdex 점수를 모니터링합니다. 페이지 로드 응답, HTTP 요청 및 개별 페이지 내 트랜잭션에 대한 임계 시간을 정의하여 앱 또는 웹사이트의 Apdex 점수를 분석함으로써 영향을 미치는 요소를 감지할 수 있습니다. 만족도가 가장 낮거나 높은 페이지를 정렬하여 실적이 좋은 이유 또는 좋지 않은 이유를 확인할 수 있습니다.
무료로 시작할 수 있습니다. 더 많은 데이터를 모니터링하고 이메일 알림, 이상 감지, 무제한 저장된 쿼리 등과 같은 프리미엄 기능을 이용하려면 각각 월 19달러와 89달러의 비용이 드는 스탠다드 또는 프로 요금제를 선택해야 합니다.
결론
개미집과 개미 농장의 차이점은 개미집 내부에서 무슨 일이 일어나는지 볼 수 없다는 것입니다. 개미가 드나드는 것만 관찰할 수 있습니다. 여러분의 웹사이트를 개미집처럼 만들지 마십시오. RUM 모니터링을 추가하여 개미 농장처럼 투명하게 만들어보세요. 내부에서 일어나는 일을 모두 볼 수 있는 유리벽처럼 말입니다. 이러한 통찰력을 사용하여 사용자들에게 쾌적하고 풍부한 경험을 제공하십시오.