리소스 자산은 모든 주요 브라우저에서 기본적으로 보고되며, 이를 통해 웹 페이지에서 가져오는 자산의 성능을 관찰하고 보고할 수 있습니다. 뉴렐릭 브라우저는 이러한 자산을 BrowserPerformance 이벤트로 자동 추적할 수 있습니다.
중요
이 기능은 실험적인 브라우저 기능이므로 변경될 수 있습니다. 이 기능을 사용할 때는 주의하세요. 실험적 기능은 복사 및 붙여넣기나 에이전트의 NPM 구현을 통한 수동 옵트인에만 사용할 수 있습니다. APM이 주입된 애플리케이션에 액세스하려면 지원 담당자에게 문의하세요. 참여에 대한 자세한 내용은 실험적 기능 을 참조하세요.
브라우저 에이전트에서 감지된 페이지 리소스는 BrowserPerformance 이벤트 유형을 통해 쿼리할 수 있습니다. 이 데이터를 사용하여 뉴렐릭 One 에서 사용자 정의 쿼리 및 대시보드를 만들 수 있습니다.
성능 세부 정보 검사
페이지 리소스 타이밍 데이터를 보기 위한 예제 쿼리:
FROM BrowserPerformance SELECT * WHERE appName = 'My Application' AND entryName = 'resource'FROM BrowserPerformance SELECT average(entryDuration) as 'ms' WHERE entryType = 'resource' facet initiatorTypeFROM BrowserPerformance SELECT average(connectEnd - connectStart) as 'TCP Handshake', average(domainLookupEnd - domainLookupStart) as 'DNS Lookup', average(redirectEnd - redirectStart) as 'Redirection Time', average(responseStart - requestStart) as 'Request Time' timeseries 3 minutesFROM BrowserPerformance SELECT percentage(count(*), where decodedBodySize <= encodedBodySize) as 'Compressed Payloads' where entryType = 'resource'FROM BrowserPerformance SELECT percentage(count(*), where transferSize = 0) as 'Cached Payloads' where entryType = 'resource'FROM BrowserPerformance SELECT percentage(count(*), where renderBlockingStatus is NOT NULL ) as 'Render Blocking Resources' where entryType = 'resource'FROM BrowserPerformance SELECT max(responseStart - requestStart) as 'Request Time' facet entryNameFROM BrowserPerformance SELECT max(domainLookupEnd - domainLookupStart) as 'DNS Lookup Time' facet entryNameFROM BrowserPerformance SELECT max(responseStart - requestStart) as 'Request Time' facet currentUrlFROM BrowserPerformance SELECT max(connectEnd - connectStart) as 'TCP Handshake Time' facet entryNameFROM BrowserPerformance SELECT count(*) where firstParty is true facet initiatorType limit 100FROM BrowserPerformance SELECT count(*) facet cases(where firstParty is true as 'First Party Asset')FROM BrowserPerformance SELECT average(entryDuration) facet cases(where firstParty is true as 'First Party Asset', where 1=1 as Other)