<div id="readability-page-1" class="page"><div>
                  <p>웹 프론트엔드 성능 모니터링 솔루션 WPM의 주요 기능인 '페이지 성능 분석'과 '성능 상세 분석'에 대해 안내해 드립니다. 아래 목록에서 해당 기능을 선택하시면 상세 내용을 확인하실 수 있습니다.</p><ol><li><a href="https://blog.imqa.io/wpm-dashboard/">대시보드</a></li><li><a href="https://blog.imqa.io/wpm-behavior-analysis/">행동분석</a></li><li><strong>페이지 성능 분석, 성능 상세 분석</strong></li><li>통계 </li><li>보고서, 알림, 관리</li></ol><hr><h2 id="1-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%84%B1%EB%8A%A5-%EB%B6%84%EC%84%9D">1. 페이지 성능 분석</h2><h3 id="%ED%8E%98%EC%9D%B4%EC%A7%80%EB%B3%84-%EC%84%B1%EB%8A%A5%EC%9D%84-30%EB%B6%84-%EB%8B%A8%EC%9C%84%EB%A1%9C-%ED%99%95%EC%9D%B8%E3%83%BB%EB%B6%84%EC%84%9D">페이지별 성능을 30분 단위로 확인・분석</h3><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_01-1.png" alt="" loading="lazy" width="1800" height="1112" sizes="(min-width: 720px) 720px"></figure><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_02-2.png" alt="" loading="lazy" width="1800" height="1112" sizes="(min-width: 720px) 720px"></figure><p>페이지별 성능을 30분 단위로 상세하게 확인할 수 있습니다. 각 <strong>성능 지표에 대한 히트맵을 통해 성능 분포와 저하 상황을 분석</strong>할 수 있습니다. 또한 해당 페이지의 <strong>웹 바이탈 평가 수치 및 저하 요인 분석</strong>이 가능합니다.</p><h3 id="%ED%8A%B9%EC%A0%95-%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%EC%A3%BC%EC%9A%94-%EC%A0%95%EB%B3%B4-%EC%9A%94%EC%95%BD">특정 페이지의 주요 정보 요약</h3><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_03-1.png" alt="" loading="lazy" width="1800" height="986" sizes="(min-width: 720px) 720px"></figure><p>선택한 페이지의 <strong>성능 지표와 조회수</strong>를 통해 페이지의 주요 정보를 확인할 수 있습니다.</p><h3 id="%EC%9B%B9-%EB%B0%94%EC%9D%B4%ED%83%88-%EC%A7%80%ED%91%9C%EB%B3%84-%EC%84%B1%EB%8A%A5-%EB%B6%84%ED%8F%AC%EC%99%80-%EC%97%B0%EA%B4%80-%EC%A0%95%EB%B3%B4-%ED%99%95%EC%9D%B8">웹 바이탈 지표별 성능 분포와 연관 정보 확인</h3><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_04-1.png" alt="" loading="lazy" width="1800" height="916" sizes="(min-width: 720px) 720px"></figure><p><strong>웹 바이탈 지표별 성능 분포와 웹 바이탈 수치에 영향을 주는 다양한 연관 정보를 함께 확인</strong>할 수 있습니다. 이를 통해 웹 바이탈 평가에 가장 영향력이 높은 요인 분석 및 평가 개선이 가능합니다.</p><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_05-1.png" alt="" loading="lazy" width="1800" height="834" sizes="(min-width: 720px) 720px"></figure><hr><h2 id="2-%EC%84%B1%EB%8A%A5-%EC%83%81%EC%84%B8-%EB%B6%84%EC%84%9D">2. 성능 상세 분석</h2><h3 id="%EC%84%B1%EB%8A%A5-%EB%AC%B8%EC%A0%9C-%EB%AC%B8%EC%A0%9C-%EA%B5%AC%EA%B0%84%EC%9D%84-%EB%B9%A0%EB%A5%B4%EA%B2%8C-%ED%8C%8C%EC%95%85">성능 문제, 문제 구간을 빠르게 파악</h3><p>'페이지 성능 분석', '구간 분석(통계)'의 성능 히트맵에서 셀, 구간 선택 시 표시되는 성능 정보로 문제 원인을 빠르게 찾을 수 있습니다.</p><h3 id="%EB%94%94%EB%B0%94%EC%9D%B4%EC%8A%A4-%EC%A0%95%EB%B3%B4-%EB%A6%AC%EC%8A%A4%ED%8A%B8">디바이스 정보 리스트</h3><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_06-1-1.png" alt="" loading="lazy" width="1800" height="792" sizes="(min-width: 720px) 720px"></figure><p>상단의 디바이스 정보 리스트에서는 선택한 영역의 사용자 디바이스 정보를 확인할 수 있습니다. <strong>페이지, 디바이스, OS, 브라우저, 버전, 페이지 로딩시간, 사용자 수에 대한 정보를 리스트 형태로 확인</strong>할 수 있습니다.</p><p>디바이스 선택 후 <strong>[사용자 행동분석] </strong>버튼 클릭 시, 해당 사용자의 세션 시작부터 종료까지 이용 흐름을 '행동분석' 페이지에서 확인할 수 있습니다.</p><h3 id="%EC%84%B1%EB%8A%A5-%ED%94%84%EB%A1%9C%ED%8C%8C%EC%9D%BC%EB%A7%81">성능 프로파일링</h3><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_06-1.png" alt="" loading="lazy" width="1800" height="2316" sizes="(min-width: 720px) 720px"></figure><p>선택한 디바이스 사용자의 웹 페이지의 로딩 중 자원을 요청할 때 걸리는 네트워크 시간과 웹 바이탈 타이밍 정보를 함께 확인할 수 있습니다. <strong>최다 지표인 7개의 지표로 분석하여 더 빠르고, 더 정확하게 문제 구간을 파악할 수 있습니다.</strong></p><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_10.png" alt="" loading="lazy" width="1800" height="768" sizes="(min-width: 720px) 720px"></figure><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_08-2.png" alt="" loading="lazy" width="1800" height="1156" sizes="(min-width: 720px) 720px"></figure><p>상세 확인이 필요한 구간을 드래그하여 자세히 확인할 수 있으며, 마우스 오버 시 툴팁을 통해 상세 정보 확인이 가능합니다.</p><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_09-1.png" alt="" loading="lazy" width="1800" height="1576" sizes="(min-width: 720px) 720px"></figure><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_11.png" alt="" loading="lazy" width="1800" height="466" sizes="(min-width: 720px) 720px"></figure><h3 id="%EC%83%81%EC%84%B8-%EC%9D%91%EB%8B%B5-%EB%B6%84%EC%84%9D">상세 응답 분석</h3><figure><img src="https://blog.imqa.io/content/images/2024/05/WPM_---------_------------_07-1.png" alt="" loading="lazy" width="1800" height="1810" sizes="(min-width: 720px) 720px"></figure><p>클라이언트로부터 HTTP 요청을 분석할 수 있으며, 이를 통해 특정 URL에서 발생하는 응답시간 분석, 에러 코드를 발생하는 URL 등을 파악할 수 있습니다.</p><hr><figure><a href="https://bit.ly/3Ui7SiY"><img src="https://blog.imqa.io/content/images/2024/05/00_-------_IMQA------------2.png" alt="" loading="lazy" width="900" height="373" sizes="(min-width: 720px) 720px"></a></figure>
               </div></div>

IMQA 기술 블로그

웹 프론트엔드 성능 모니터링 솔루션 WPM의 주요 기능인 '페이지 성능 분석'과 '성능 상세 분석'에 대해 안내해 드립니다. 아래 목록에서 해당 기능을 선택하시면 상세 내용을 확인하실 수 있습니다.
대시보드
행동분석
페이지 성능 분석, 성능 상세 분석
통계 
보고서, 알림, 관리
1. 페이지 성능 분석
페이지별 성능을 30분 단위로 확인・분석
페이지별 성능을 30분 단위로 상세하게 확인할 수 있습니다. 각 성능 지표에 대한 히트맵을 통해 성능 분포와 저하 상황을 분석할 수 있습니다. 또한 해당 페이지의 웹 바이탈 평가 수치 및 저하 요인 분석이 가능합니다.
특정 페이지의 주요 정보 요약
선택한 페이지의 성능 지표와 조회수를 통해 페이지의 주요 정보를 확인할 수 있습니다.
웹 바이탈 지표별 성능 분포와 연관 정보 확인
웹 바이탈 지표별 성능 분포와 웹 바이탈 수치에 영향을 주는 다양한 연관 정보를 함께 확인할 수 있습니다. 이를 통해 웹 바이탈 평가에 가장 영향력이 높은 요인 분석 및 평가 개선이 가능합니다.
2. 성능 상세 분석
성능 문제, 문제 구간을 빠르게 파악
'페이지 성능 분석', '구간 분석(통계)'의 성능 히트맵에서 셀, 구간 선택 시 표시되는 성능 정보로 문제 원인을 빠르게 찾을 수 있습니다.
디바이스 정보 리스트
상단의 디바이스 정보 리스트에서는 선택한 영역의 사용자 디바이스 정보를 확인할 수 있습니다. 페이지, 디바이스, OS, 브라우저, 버전, 페이지 로딩시간, 사용자 수에 대한 정보를 리스트 형태로 확인할 수 있습니다.
디바이스 선택 후 [사용자 행동분석] 버튼 클릭 시, 해당 사용자의 세션 시작부터 종료까지 이용 흐름을 '행동분석' 페이지에서 확인할 수 있습니다.
성능 프로파일링
선택한 디바이스 사용자의 웹 페이지의 로딩 중 자원을 요청할 때 걸리는 네트워크 시간과 웹 바이탈 타이밍 정보를 함께 확인할 수 있습니다. 최다 지표인 7개의 지표로 분석하여 더 빠르고, 더 정확하게 문제 구간을 파악할 수 있습니다.
상세 확인이 필요한 구간을 드래그하여 자세히 확인할 수 있으며, 마우스 오버 시 툴팁을 통해 상세 정보 확인이 가능합니다.
상세 응답 분석
클라이언트로부터 HTTP 요청을 분석할 수 있으며, 이를 통해 특정 URL에서 발생하는 응답시간 분석, 에러 코드를 발생하는 URL 등을 파악할 수 있습니다.

WPM 페이지 성능 분석, 성능 상세 분석

댓글