"서브 도메인도 있는데, 같이 모니터링 할 수 있나요?"
"문제가 발생했을 때 빠르게 확인하고 싶어요!"
"페이지 URL이 너무 긴데, 쉽게 볼 수 있는 방법은 없을까요?"
웹 프론트엔드 성능 모니터링 솔루션 WPM에서는 다~ 가능합니다!
WPM 내 기능을 활용하시면 빈틈없이! 편리하게! 모니터링하실 수 있는데요. 몇 번의 클릭만으로도 모니터링 환경이 훨씬 좋아질 몇 가지 기능과 설정 방법에 대해 소개해 드리니, 꼭 설정해 보세요.
* 모든 설정은 반드시 [저장]을 눌러주셔야 설정이 완료됩니다. [저장]을 잊지마세요!
웹 프론트엔드의 성능과 장애를 실시간으로 모니터링할 수 있는 WPM 기능과 설치 방법은(여기)에서 확인하실 수 있습니다.
교차 도메인 설정
프로젝트 생성 시 등록한 메인 도메인 외 서브 도메인(ex. https://m.iaqa.io)이 있다면 교차 도메인을 설정해 주세요. 또한 CORS(Cross-Origin Resource Sharing) 접근이 필요한 경우, 허용할 출처를 지정할 수도 있습니다.
* 허용된 도메인에서만 데이터를 수집하므로 메인 도메인 URL 외 성능 데이터 수집을 원하는 도메인이 있다면 교차 도메인 설정을 꼭 해주세요!
1. 프로젝트 리스트 우측의 '관리 […] '에서 '교차 도메인 설정'을 클릭해 주세요.
![](https://blog.imqa.io/content/images/2024/01/240109_-----------1.png)
2. 서브 도메인 또는 CORS 접근을 허용할 출처 입력 후 저장해 주세요.
(기본 프로젝트 생성 시 입력한 메인 도메인 URL은 기본으로 설정되어 있습니다.)
![](https://blog.imqa.io/content/images/2024/01/240109_-----------2-1.png)
화면 이름 & 보기 설정
대시보드에서 모니터링하는데 어느 페이지인지 구분이 어려우시다면 화면 이름을 설정해 주세요.
1. 관리 > 화면 관리로 이동해 주세요.
2. 해당 페이지에 원하는 이름을 입력한 후 저장을 눌러주세요.
![](https://blog.imqa.io/content/images/2024/01/240109_-----------------1.png)
+ 관리도가 낮은 페이지의 경우, 우측 상단 체크 해제를 통해 숨김 설정이 가능합니다.
![](https://blog.imqa.io/content/images/2024/01/240109_-----------.png)
도메인 표시 숨김
만약 메인 도메인만 사용하시는데 화면 이름 설정이 귀찮으시다면, '도메인 표시 숨김' 기능을 통해 페이지 이름을 간단하게 정리해 보세요.
1. 관리 > 화면 관리 내 우측 상단의 도메인 표시 숨김을 선택하신 후 저장을 눌러주세요.
![](https://blog.imqa.io/content/images/2024/01/240109_-------------1.png)
2. 자동으로 도메인 표시가 숨겨집니다.
(페이지 이름이 설정된 경우 적용되지 않습니다.)
![](https://blog.imqa.io/content/images/2024/01/240109_-------------2.png)
프로젝트 프리셋 설정 (기준치 설정)
내부 기준에 따라 모니터링이 필요하시다면, 해당 기능을 사용해 보세요. 성능 지표별 기준치와 위험도 비율을 원하시는 수치로 설정하여 관리하실 수 있습니다.
1. 관리 > 프로젝트 프리셋에서 기준치와 위험도를 설정해 주세요.
![](https://blog.imqa.io/content/images/2024/01/240109_-----------------2.png)
- 기본적으로 페이지 로딩시간은 100ms, 응답시간은 3000ms로 설정되어 있습니다.
- 기준치 이상 데이터가 전체의 10% 미만일 경우는 정상, 10% 이상은 경고, 30% 이상은 위험으로 설정되어 있습니다. 타이트한 관리가 필요하시다면 기준치와 경고/위험 비율을 더 낮게 변경해 주세요.
알림 설정
알림 기준치, 알림 채널, 알림 받을 멤버를 설정하시면 문제 상황 발생 시 빠르게 확인하실 수 있습니다. 알림은 필요에 따라 여러 가지 정책을 설정하실 수 있으며, 비활성화/삭제가 가능합니다.
1. 알림 > 알림 정책 설정에서 우측 상단의 '정책 추가'를 클릭해 주세요.
![](https://blog.imqa.io/content/images/2024/01/240109_------------1.png)
2. 알림 정책 이름, 기준치, 채널, 알람 멤버를 설정하신 후 저장을 눌러주세요.
![](https://blog.imqa.io/content/images/2024/01/240109_------------2.png)
- 정해진 내부 기준치가 없다면, 기본적으로 설정된 기준치를 사용하시거나 참고하여 변경해 주세요.
- 페이지 로딩시간, 응답시간 중 원하는 항목만 알림을 받으실 수 있어요.
- 알림과 프로젝트 프리셋의 기준치는 서로 다르게 설정이 가능합니다.
빠르고 효과적인, 빈틈없는 모니터링을 위한 몇 가지 기능과 설정 방법에 대해 안내해 드렸는데요. 설정 방법이 매우 간단하니, 지금 바로 설정해 보세요!
이 밖에도 사용 중 궁금하신 사항이 있으시다면 언제든지 문의해 주세요.
![](https://blog.imqa.io/content/images/2024/03/-------_IMQA------------3.png)