종합 모니터링: 로드 시간 이해

Resources 페이지를 사용하여 웹사이트의 각 리소스가 로드 시간에 미치는 영향을 파악하세요. 리소스 로드 시간, 타사에서 소요된 시간 및 비정상 응답 코드 그래프를 사용하여 전체적인 개요를 파악하고, 리소스 목록을 사용하여 대용량 CSS 파일이나 이미지와 같이 영향이 큰 리소스를 식별하십시오.

단일 리소스에 대한 성능 정보를 집계하는 자세한 리소스 메트릭 으로 특정 리소스를 조사할 수도 있습니다. 성능 문제를 정확히 찾아내기 위해 정확한 요청 및 응답 헤더를 사용하여 해당 리소스의 한 로드를 더 자세히 살펴보십시오.

리소스 페이지 보기

모니터의 Resources 페이지에 접속하려면 one.newrelic.com > Synthetic monitoring > (select a monitor) > Resources 로 이동하세요.

리소스 메트릭 이해

Resources 페이지를 사용하여 웹사이트의 각 리소스가 성능에 미치는 영향을 파악하세요.

• Resources list: average download time 에서 모니터링하는 웹사이트의 리소스를 나열합니다. 이 목록을 활용하여 다운로드 시간을 단축함으로써 웹사이트 성능을 최적화하세요. Search all resources 필드에서 특정 리소스를 검색하여 해당 리소스의 로드 시간을 확인할 수도 있습니다. 개별 리소스를 보려면 리소스를 선택하세요.
• Load time: 모든 리소스의 평균 로드 시간을 리소스 유형(예: jpeg, json 또는 javascript)별로 분류하여 그래프로 표시합니다. 이 그래프를 사용하여 웹사이트 로딩 시간이 시간에 따라 어떻게 변하는지 파악하세요.
• Time spent by third parties웹 글꼴, 내장된 트위터 타임라인, 외부에서 호스팅되는 이미지 등 모든 타사 리소스의 평균 로드 시간을 그래프로 보여줍니다. 이 그래프를 사용하여 타사 웹사이트가 웹사이트 성능에 영향을 미치는지 확인하세요.
• Irregular response codes모니터가 수신한 부정적인 HTTP 응답 코드(HTTP 상태 코드 라고도 함)의 수를 그래프로 나타냅니다. 이 그래프에는 300(리디렉션), 400(클라이언트 오류) 및 500(서버 오류) 범위의 모든 응답이 포함되어 있습니다. 100이나 200 범위의 응답은 계산에 포함되지 않습니다. 신세틱스는 또한 여러 개의 사용자 지정 응답 코드를 수집합니다.

이러한 메트릭을 분석하여 문제가 되는 리소스를 추적하고 성능을 개선할 수 있습니다. 예를 들어 최적화되지 않은 로고 이미지는 사이트의 모든 방문자에게 속도 저하를 일으킬 수 있는 반면 미국 기반 서버에서만 제공되는 추적기는 미국 이외의 방문자에게 성능 저하를 초래할 수 있습니다.

자세한 리소스 측정항목 보기

사이트의 각 리소스에 대한 자세한 참조 정보도 확인할 수 있습니다. 자세한 범위를 보려면 특정 리소스를 찾 거나 Resources 페이지에서 흥미로운 리소스를 선택하세요. 리소스를 선택한 후에는 해당 리소스에 대한 개요 메트릭을 보거나 개별 리소스 부하를 볼 수 있습니다.

• Max duration, Min duration, Avg duration: 선택한 기간 동안 이 리소스에 대한 로드 시간 메트릭입니다.
• For 50% of requests: requests 의 fastest %에 대한 최대 다운로드 시간입니다. 이는 해당 리소스에 대한 requests 의 50%가 지정된 시간 내에 또는 그보다 빠르게 완료되었음을 의미합니다.
• For 95% of requests: requests 의 fastest %에 대한 최대 다운로드 시간입니다. 이는 해당 리소스에 대한 requests 의 95%가 지정된 시간 내에 또는 그보다 더 빨리 완료되었음을 의미합니다.
• Average load time선택한 기간 동안 해당 리소스의 평균 로드 시간을 그래프로 표시합니다. 이 그래프를 사용하여 웹사이트 최적화(예: 이미지 크기 축소 또는 CSS 최소화)가 제대로 작동하는지 확인할 수 있습니다.

차트 요소를 숨기거나 표시할 수도 있고, 위치별로 필터링하거나 리소스 결과 목록을 Download time 또는 DNS lookup 기준으로 정렬할 수도 있습니다. 리소스 이름 위에 마우스를 올리면 전체 경로를 볼 수 있습니다(동적으로 생성된 리소스 이름이 매우 긴 경우에 유용합니다).

개별 리소스 로드 보기

특정 리소스에 대한 자세한 대역폭을 확인한 후, 개별 리소스 부하를 선택하여 성능 저하 공지 이벤트를 심층적으로 이해할 수 있습니다. 그러면 전체 연결 시간 분석 결과를 확인하여 문제가 발생한 위치를 파악하고 요청 및 응답 헤더를 검토할 수 있습니다.

페이지 기능 사용

Resources 페이지는 다음 기능을 지원합니다.

If you want to...	Do this...
결과 목록 정렬	Sort By 드롭다운 메뉴에서 정렬 옵션을 선택하세요. Average download time 기준으로 정렬하면 로딩 속도가 가장 느린 리소스를 볼 수 있습니다. 가장 큰 리소스를 보려면 Average size 으로 정렬하세요.
차트 요소 숨기기 및 숨기기 해제	차트 요소를 선택하여 숨기거나 숨김 해제합니다.
특정 리소스 찾기	Search all resources 필드에 리소스 이름의 일부를 입력하세요(예: search-icon.webp 또는 latest.json). 해당 리소스에 대한 자세한 내용을 보려면 리소스를 선택하십시오.
다른 모니터에 빠르게 액세스	화면 상단에서 현재 모니터의 이름을 클릭하여 드롭다운 메뉴를 엽니다. 최근 모니터 목록에서 선택하거나 검색 필드에 이름을 입력하여 특정 모니터를 검색합니다.
기간 변경	시간 선택기를 사용하여 반환되는 결과 수를 조정하십시오.