Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

콘솔에서 성능 데이터 모니터링

실시간 성능 데이터를 보려면 앱이 실시간 데이터 처리와 호환되는 Performance Monitoring SDK 버전을 사용하는지 확인하십시오. 자세히 알아보기 .

대시보드에서 주요 지표 추적

키 메트릭 추세를하는 방법에 대한 자세한 내용은, 성능 대시 보드 상단에서 측정 보드에 추가합니다. 주간 변경 사항을 확인하여 회귀를 빠르게 식별하거나 코드의 최근 변경 사항으로 인해 성능이 향상되고 있는지 확인할 수 있습니다.

Firebase Performance Monitoring 대시보드의 측정항목 보드 이미지

다음은 추적할 수 있는 몇 가지 트렌드입니다.

  • 첫 번째 입력 지연의 개선은 당신이 변경 한로 할 때 응용 프로그램로드 특정 자바 스크립트 파일
  • 자산의 CDN을 사용하도록 전환 한 후 첫 번째 contentful 페인트에 대한 시간의 감소
  • 섬네일의 사용을 구현하기 때문에 네트워크 요청에 대한 응답 페이로드 크기 드롭
  • 생태계 정전시 타사 API 호출에 대한 네트워크 응답 시간의 증가

Firebase 프로젝트의 각 구성원은 고유한 측정항목 보드를 구성할 수 있습니다. 자신에게 중요한 지표를 추적할 수 있는 반면 다른 프로젝트 구성원은 자신의 보드에서 완전히 다른 주요 지표 세트를 추적할 수 있습니다.

로 이동 측정 보드에 메트릭을 추가하려면 성능 대시 보드 중포 기지 콘솔에서 다음 대시 보드 탭을 클릭합니다. 빈 메트릭 카드를 클릭한 다음 보드에 추가할 기존 메트릭을 선택합니다. 클릭 교체하거나 메트릭을 제거하는 것처럼, 더 많은 옵션에 대한 인구 통계 카드.

메트릭 보드는 시간 경과에 따라 수집된 메트릭 데이터를 그래픽 형식과 숫자 백분율 변경으로 표시합니다.

  • 각 메트릭 카드에는 선택한 시간 범위에 대한 메트릭 값의 백분율 변화와 메트릭의 가장 최근에 수집된 값이 표시됩니다. 메트릭 보드 상단의 설명은 백분율 변경에 대한 해석입니다.
  • 기본적으로 메트릭 보드는 메트릭의 중앙값을 표시합니다. 사용자의 다양한 세그먼트가 앱을 경험하는 방식을 보려면 대시보드 페이지 상단의 드롭다운에서 다른 백분위수를 선택하세요.

빨간색, 녹색 및 회색 색상은 무엇을 의미합니까?

대부분의 메트릭에는 원하는 추세 방향이 있으므로 메트릭 보드는 색상을 사용하여 메트릭 데이터의 추세가 좋은 방향인지 나쁜 방향인지에 대한 해석을 표시합니다.

예를 들어, 페이지의 첫 번째 입력 지연 (작아야 값)을 추적하고 말한다. 이 값이 증가하면 메트릭 보드는 메트릭의 백분율 변경을 빨간색으로 표시하여 가능한 문제에 주의를 환기시킵니다. 그러나 값이 감소하거나 변경되지 않으면 메트릭 보드에 백분율이 각각 녹색 또는 회색으로 표시됩니다.

메트릭은 명백한 원하는 추세 방향이없는 경우, 네트워크 요청에 대한 응답의 페이로드 크기처럼, 다음 메트릭에 관계없이 항상 어떻게 데이터가 추세된다, 회색의 메트릭 비율 변화를 표시 탑승.

실선과 점선은 무엇을 의미합니까?

  • 진한 파란색 실선 — 시간 경과에 따른 메트릭 값

  • 연한 파란색 점선 — 과거 특정 시간의 메트릭 값
    예를 들어 지난 7일 동안의 차트를 표시하도록 선택하고 8월 30일 위로 마우스를 가져가면 하늘색 파선이 8월 23일의 메트릭 값을 알려줍니다.



추적 및 해당 데이터 보기

당신은 하단에있는 추적 테이블에 앱에 대한 모든 흔적을 볼 수 있습니다 성능 대시 보드 . 표는 적절한 하위 탭 내에서 각 추적 유형을 그룹화합니다. 예를 들어, 모든 네트워크 요청 추적은 네트워크 요청 하위 아래에 나열됩니다.

추적 테이블에는 각 추적의 일부 상위 메트릭 값과 각 메트릭 값의 백분율 변경이 표시됩니다. 이러한 값은 대시 보드 탭 상단 백분위 시간 범위 세트의 선택에 기초하여 계산된다. 여기 몇 가지 예가 있어요.

  • 당신은 50 %의 백분위와 지난 7 일의 시간 범위를 선택하는 경우, 다음의 메트릭 값은 가장 최근 날로부터 수집 된 데이터의 중간 것, 그리고 비율의 변화는 변화 될 것입니다 칠일 전입니다.

  • 그런 다음 마지막으로 24 시간 시간 범위를 변경하는 경우, 다음의 메트릭 값은 가장 최근의 시간에서 수집 된 데이터의 중간 것, 그리고 비율의 변화는 24 시간 전에 이후 변화 될 것입니다.

메트릭 값 또는 특정 메트릭에 대한 백분율 변경을 기준으로 각 하위 탭의 추적 목록을 정렬할 수 있습니다. 이렇게 하면 앱에서 잠재적인 문제를 빠르게 식별하는 데 도움이 됩니다.

특정 추적에 대한 모든 통계와 데이터를 보려면 추적 테이블에 추적 이름을 클릭합니다. 이 페이지의 다음 섹션에서는 자세한 내용을 제공합니다.

특정 추적에 대한 추가 데이터 보기

추적 테이블에서 추적 이름을 클릭하면 다양한 화면을 클릭하여 추적을 탐색하고 관심 있는 메트릭으로 드릴다운할 수 있습니다. 대부분의 페이지에, 당신은 필터 사용할 수있는 예를 들어, 속성으로 데이터를 필터링 (화면의 상단이 왼쪽) 버튼을 :

속성별로 필터링되는 Firebase Performance Monitoring 데이터의 이미지
  • 페이지 URL을 기준으로 필터링 사이트의 특정 페이지에 대한 데이터를 볼 수 있습니다
  • 효과적인 연결 유형에 의한 필터 배우는 방법 3G 연결이 영향 당신의 응용 프로그램을
  • 국가별로 필터는 반드시 데이터베이스 위치가 특정 지역에 영향을 미치는 있지 않은지 확인하기

추적에 대해 수집된 모든 측정항목 보기

추적 테이블에서 추적 이름을 클릭하면 메트릭 카드에서 추적 데이터의 개요를 볼 수 있습니다.

집계 또는 시간이 지남에 따라 데이터를 보려면 화면의 오른쪽 상단에있는 옵션을 사용합니다.

  • 네트워크 요청 추적 - 가능한 메트릭 카드는 응답 시간응답 페이로드 크기입니다.
  • 사용자 정의 코드 추적 - 지속 시간 메트릭 카드를 항상 사용할 수 있습니다 (추적이 유형에 대한 기본 통계). 사용자 지정 메트릭을 사용자 지정 코드 추적에 추가한 경우 해당 메트릭 카드도 표시됩니다.
  • 페이지로드 추적 - 가능한 메트릭 카드는 먼저 페인트, 첫째 contentful 페인트, 첫 번째 입력 지연 및 DOM 관련 이벤트를 포함한다.

데이터에 대한 심층 정보 보기

당신이 어떤 메트릭 카드에 대한 자세한보기를 클릭하면 수집 된 데이터에 대한보다 깊이있는 정보를 검토하고 풍부한 분석 기능을 사용할 수 있습니다. 예를 들어 속성별로 데이터를 필터링하고 분류할 수 있습니다.