페이지 로드 성능

페이지 로드 성능의 기능들은 페이지 로드 시간의 성능에 영향을 미치는 요소들에 대한 문맥 정보를 제공합니다.(실제 사용자 모니터링(RUM)) 뉴렐릭의 접근 방식은 성능 이슈를 진단 및 해결할 수 있도록, 고유한 페이지뷰를 중심으로 데이터를 세부적으로 분석할 수 있는 역량과 종합적인 뷰를 제공하는 것입니다.

싱글 페이지 앱 경로 변경

어떤 JavaScript 프레임워크를 사용하는지에 상관없이, 싱글 페이지 애플리케이션의 경로 변경 성능을 확인할 수 있습니다. 강력한 세부 수준 인스트루멘테이션(성능 측정, 오류 진단 및 추적)을 통해, API로 맞춤화될 수 있는 경로 변경 이외의 상호작용들까지 포착되기 때문에, 맞춤 프레임워크에서처럼 애플리케이션 아키텍처에 맞춤화된 모니터링이 가능합니다.

세션 트레이스

세션 트레이스(Session Traces)는 엔지니어들에게 대단히 높은 가치가 있는 문맥을 제공합니다. 긴 로드 타임이나 특정 오류를 탐지해내는 것 이외에도, 브라우저의 세션 트레이스는 오류나 성능 이슈가 발생하기 전후의 스토리를 제공합니다. AJAX 요청과 JavaScript 오류에서 세션 트레이스로 전환하거나, 반대로 세션 트레이스에서 특정 JavaScript 오류나 네트워크 오류로 전환을 할 수 있습니다.

브라우저 트레이스

트레이스(Trace)는 평균보다 긴 로드 속도로 인해 표면화되는 이상점으로, 사용자 경험에 대한 스냅샷이라고 할 수 있습니다. 트레이스는 발생 시간, 로드 시간이 소비된 지점들, 브라우저 유형, 사용자의 지역 위치에 대한 세부정보를 제공합니다. 이 보고서는 특정 사용자들에게 낮은 성능을 보이는 애플리케이션의 영역을 나눠서 분석할 때 대단히 유용합니다.

페이지 로드 시간 - 세분화 차트

페이지 로드 시간은 사용자가 브라우저에서 트랜잭션을 시작하는 시점에서 페이지가 완전하게 로딩될 때까지 지표를 수집합니다. 이 보고서는 평균 페이지 로드 시간을 요청 큐, 애플리케이션 코드, 네트워크 지연 시간, DOM 프로세싱, 페이지 렌더링으로 구분하고 색상별로 정리해 보여줍니다.

페이지 로드 시간 - 히스토그램과 백분위수

브라우저 페이지 로드 시간의 히스토그램과 백분위수는 평균에만 집중하는 것이 아니라 페이지 로드 속도에 대한 총체적인 뷰를 제공합니다. 히스토그램과 백분위수는 특정 기간 동안 발생한 모든 페이지 로드를 표면화시켜 간과되었을 수 있는 이상점을 세부적으로 살펴볼 수 있는 역량을 제공합니다.

지역별 보고

지역별로 엔드유저 경험이 어떻게 다른지를 보여줍니다 더 많은 CDN이 필요한지, 또는 특정 지역의 고가치 고객들이 낮은 사이트 성능으로 인해 부정적인 경험을 하고 있지는 않은지를 파악할 수 있습니다.

페이지 레벨 AJAX 호출

특정 페이지에서 이루어지는 모든 AJAX 호출은 물론 응답 시간, 처리량(rpm), 총 호출 수, 오류 상태 코드, 각 페이지별 평균 데이터 전송을 보여줍니다.

페이지 뷰 처리량

처리량을 분당 요청으로 측정해 보여줍니다. 처리량 지표는 어떤 페이지가 가장 자주 호출되는지 이해하는데 도움을 줍니다.

브라우저와 백엔드 성능과 연결

페이지 뷰 보고서로부터, 싱글 페이지 URL을 선택하고 관련된 모든 백엔드 APM 트랜잭션을 확인할 수 있습니다. (APM 에이전트가 애플리케이션에 설치된 경우) 각 백엔드 트랜잭션의 총 호출 시간, 평균 응답 시간, 호출 건수를 신속하게 조회할 수 있습니다. 뉴렐릭의 APM 보고서 내에서 특정 트랜잭션에 대한 세부 내역과 진단 정보를 확인할 수 있습니다.

브라우저 성능

뉴렐릭의 Browser 대시보드가 브라우저 유형과 버전에 기반해 엔드유저 경험에 대한 정보를 제공하기 때문에, 성능을 테스트하고 최적화하는데 시간을 집중적으로 할애할 수 있습니다.

브라우저 처리량

브라우저 유형별로 분당 수신된 평균 페이지뷰 수에 대한 개요를 제공합니다.

브라우저 로드 시간 - 세분화 차트

각 브라우저 유형별로 요청 큐를 실행하는데 소요된 시간에 대한 세분화된 정보, 애플리케이션 코드, 네트워크 지연 시간, DOM 프로세싱 및 페이지 렌더링을 보여줍니다.

브라우저 버전 차트

처리량에 기반해 고객이 각 브라우저의 어떤 버전을 사용하고 있는지를 보여줍니다.

AJAX

애플리케이션이 첫 번째 페이지 로드 후에 웹페이지의 일부를 업데이트하는데 AJAX를 사용하는 경우, 뉴렐릭의 AJAX 대시보드는 어떻게 그 요청들이 수행되고 궁극적으로 사용자 경험에 어떤 영향을 미치는지 이해하는데 필요한 수준의 가시성을 제공합니다.

AJAX 대시보드

메인 AJAX 대시보드는 사이트에서 가장 리소스를 많이 사용되는 AJAX 요청을 부각시켜 주며, 소요 시간, 응답 시간, 처리량, 콜백 시간, 데이터 전송별로 필터링이 가능합니다. 또한 특정 호출 내역을 살펴보고 세부 분석을 할 수 있습니다.

페이지 뷰별 호출

처리량, 응답 시간, 총 호출 수, 데이터 전송을 중심으로 하는 페이지 레벨의 상세 정보와 함께 어떤 페이지뷰가 어떤 서버측 컨트롤러를 호출하는지를 표시해줍니다.

요청 상태 코드

상태 코드 보고서는 AJAX 호출의 반환 행동을 표시해줍니다. 값이 200이 아닌 상태 코드가 다수 존재하면 AJAX 엔드포인트에 문제가 있는 것일 수 있습니다.

요청당 데이터 전송

요청되어 보내진 데이터의 전송 결과를 보여줍니다. 이를 사용해 높은 콜백 시간과 데이터 전송률 간의 상관관계를 찾을 수 있습니다.

JavaScript 오류

JavaScript 오류 대시보드는 사용자 경험에 영향을 미치는 프로덕션 JavaScript 오류를 파악하여 해결 방법을 찾을 수 있도록 지원합니다.

JavaScript 오류 개요

이 개요 뷰는 발생한 JavaScript 오류 유형, 발생 빈도, 오류로 영향을 받은 사용자 비율 등을 개괄적으로 이해할 수 있도록 해줍니다.

브라우저별 오류

이 차트는 각 오류 유형별로, 어떤 브라우저가 오류의 영향을 받고 있는지 또 총 오류 발생량에서 어떤 비중을 차지하는지를 보여줍니다.

오류가 발생한 페이지 뷰 비율

이 차트는 각 오류 유형별로, 영향을 받은 페이지 뷰의 비중을 보여줍니다. 이는 특정 오류가 얼마나 많은 엔드유저들에게 영향을 미치는지를 신속하게 판단하는데 도움을 줍니다.

오류 인스턴스 내역

오류 인스턴스 내역은 코드 한 줄 수준까지 실행 가능한 요소에 중점을 두고, 단일한 오류의 스냅샷을 포착하고 브라우저로부터 세부적인 스택 추적 정보를 수집합니다. 이 지표에는 버전 수준의 고유한 브라우저 조합과 URL이 결합됩니다. 가장 세부적인 수준의 JavaScript 진단 정보를 제공합니다.

소스 맵 지원

소스 맵 지원으로 축소된 프로덕션 JavaScript 코드의 문제를 진단하여 코드 어디에 프론트엔드 오류가 존재하는지에 대한 완전한 가시성을 제공합니다. 직관적인 드래그 앤 드롭 기능을 사용해 클릭 한번으로 이슈의 위치를 파악할 수 있으며, API가 빌드 파이프라인에 완전하게 통합됩니다.

동급 최고의 고객 경험 모니터링

뉴렐릭 Mobile의 충돌 분석은 가장 영향이 큰 충돌을 분석하고 보다 신속하게 해결할 수 있도록 해줍니다. 뉴렐릭 Browser의 소스 맵 지원은 코드가 축소화된 경우에도 오류가 발생한 근원 소스를 정확히 보여줌으로써, 프론트엔드 JS 오류에 대한 보다 실행가능한 가시성을 제공합니다.

전역적 기능

아래의 기능들은 뉴렐릭 제품들 전반에서 사용되며, 뉴렐릭 제품을 기존 워크플로우에 완벽하게 통합해 사용할 수 있도록 해줍니다.

신속한 앱 상태 조회

뉴렐릭은 색상 코드로 구분된 상태 표시기를 사용해 성능 이슈를 신속하게 발견할 수 있도록 해줍니다.

맞춤 대시보드

가장 중요한 성능 지표들을 맞춤 대시보드에 추가해 지속적으로 관리할 수 있습니다.

기존 고객 지원 티켓 시스템과의 통합

기존의 고객 지원 티켓 시스템을 사용해, 성능 문제와 관련된 지원을 간단하게 요청할 수 있습니다.뉴렐릭이 지원하는 티켓 시스템을 확인해보십시오.

알람

JS 오류 %, 응답 시간, 처리량 등에 대한 보고를 제공하는 뉴렐릭 Browser의 새로운 알람 기능들을 확인해보십시오.

필터링 가능한 지역

지역별로 도시 수준까지 엔드유저 경험이 어떻게 차이가 나는지를 보여줍니다. 여러 지역의 CDN 또는 ASN/ISP의 성능을 파악할 수 있습니다.

보안

뉴렐릭은 고객이 애플리케이션을 빠르고 안전하게 만들 수 있도록 지원합니다. 뉴렐릭은 고객 정보를 보호하기 위해 모든 노력을 기울이고 있으며, 이를 위해 사용하는 주요 방법은 다음과 같습니다.

미국 및 유럽 연합의 데이터 지역

뉴렐릭의 글로벌 데이터 호스팅 구조는 두 개 지역 즉, 유럽 연합과 미국으로 구성됩니다. 고객은 물리적 위치에 상관없이, 계정을 설정하는 과정에서 원하는 데이터 지역을 선택할 수 있습니다. (참고: 뉴렐릭은 지역 간 데이터 마이그레이션이나 집계를 지원하지 않습니다.)

SOC2 감사 완료

뉴렐릭은 보안 및 가용성에 관한 절차와 관리적 통제에 대해 SOC 2 감사를 성공적으로 완료했습니다. 이 감사는 뉴렐릭의 보안 절차와 관리적 통제를 검토하여, 뉴렐릭이 자사의 시스템과 고객의 데이터를 보호하기 위해 적절한 조치를 취하고 있다는 독립적인 제3자의 보증을 제공합니다.

데이터센터 보안

뉴렐릭 서비스를 실행하고 고객의 데이터를 저장하는 인프라는 Tier III, SSAE-16 인증을 받은 데이터센터에 위치합니다. 고객 데이터는 정기적으로 백업이 됩니다.

연속 모니터링

뉴렐릭은 내부 및 타사 서비스를 이용해 자사 네트워크와 애플리케이션에 대한 지속적인 보안 검사를 수행함으로써 애플리케이션과 서버의 보안 상태가 유지되도록 합니다.

기본 설정된 보안

뉴렐릭은 보안이 기본적으로 설정되어야 한다고 생각합니다.고객이 민감 데이터의 전송을 승인하려면 뉴렐릭에서 명시적으로 설정해야 합니다. 뉴렐릭은 고객이 의도치 않게 정보를 노출하는 일이 없도록 만들고자 합니다.

규제 준수

뉴렐릭은 PCI, HIPAA 또는 SOX 등의 규제 환경에서 안전하게 작동하도록 설정될 수 있습니다. 또한 스위스 및 유럽 연합의 개인정보 보호 쉴드 인증도 받았습니다.