Firebase Summit에서 발표된 모든 내용을 살펴보고 Firebase로 앱을 빠르게 개발하고 안심하고 앱을 실행하는 방법을 알아보세요. 자세히 알아보기

화면 렌더링 성능 데이터에 대해 알아보기(Apple 및 Android 앱)

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

성능 모니터링은 추적 을 사용하여 앱에서 모니터링되는 프로세스에 대한 데이터를 수집합니다. 추적은 앱의 두 시점 사이에 캡처된 데이터가 포함된 보고서입니다.

Apple 및 Android 앱의 경우 Performance Monitoring은 애플리케이션에 있는 다양한 화면의 렌더링 성능을 자동으로 측정합니다. 성능 모니터링은 애플리케이션의 모든 화면에 대한 화면 렌더링 추적 을 생성합니다. 이러한 추적은 다음 측정항목을 수집하고 측정합니다.

  • 느린 렌더링 프레임 — 렌더링하는 데 16ms보다 오래 걸리는 화면 인스턴스의 비율을 측정합니다.

  • 고정 프레임 — 렌더링하는 데 700ms보다 오래 걸리는 화면 인스턴스의 비율을 측정합니다.

애플리케이션의 프레임이 느리거나 정지되면 버벅거림 또는 지연이라고도 하는 장치 성능이 저하될 수 있습니다. 정지되고 느린 렌더링 프레임 메트릭을 캡처하면 성능이 저하된 화면을 식별하는 데 도움이 되어 애플리케이션의 렌더링 성능을 개선할 수 있습니다.

추적 테이블의 화면 렌더링 탭에서 화면 렌더링 추적에 대한 데이터를 볼 수 있습니다. 추적 테이블은 Firebase 콘솔성능 페이지 하단에 있습니다. 자세한 내용은 성능 데이터 추적, 보기 및 필터링을 참조하십시오.

화면 렌더링 추적으로 수집된 측정항목

이러한 추적은 즉시 사용 가능한 추적이므로 여기에 사용자 지정 메트릭 또는 사용자 지정 특성을 추가할 수 없습니다.

느린 렌더링 프레임 및 정지된 프레임은 60Hz의 장치 재생 빈도로 가정하여 계산됩니다. 장치 새로 고침 빈도가 60Hz보다 낮으면 초당 렌더링되는 프레임 수가 적기 때문에 각 프레임의 렌더링 시간이 느려집니다. 더 느린 렌더링 시간은 더 많은 프레임이 더 느리게 렌더링되거나 고정되기 때문에 더 느리거나 고정된 프레임이 보고될 수 있습니다. 그러나 장치 재생 빈도가 60Hz보다 높으면 각 프레임의 렌더링 시간이 빨라집니다. 이로 인해 보고되는 느리거나 정지된 프레임이 줄어들 수 있습니다. 이는 Performance Monitoring SDK의 현재 제한 사항입니다.

느린 렌더링 프레임

이 측정항목은 특정 화면에서 눈에 띄게 느린 렌더링을 경험한 사용자 세션의 비율입니다. 특히 이 메트릭은 프레임의 50% 이상이 렌더링하는 데 16ms 이상 소요된 화면 인스턴스의 비율입니다.

고정 프레임

이 측정항목은 특정 화면에서 눈에 띄게 고정된 프레임을 경험한 사용자 세션의 비율입니다. 특히 이 메트릭은 0.1% 이상의 프레임이 렌더링하는 데 700ms 이상 소요된 화면 인스턴스의 비율입니다.

화면 렌더링 추적은 어떻게 생성됩니까?

  • 앱이 viewDidAppear: 를 호출할 때 keyWindow의 모든 UIViewController에 대해 시작됩니다.

  • 앱이 viewDidDisappear: 를 호출하면 중지됩니다.

화면 렌더링 추적은 표준 컨테이너 보기 컨트롤러를 캡처하지 않습니다.

성능 데이터 추적, 보기 및 필터링

실시간 성능 데이터를 보려면 앱이 실시간 데이터 처리와 호환되는 성능 모니터링 SDK 버전을 사용하는지 확인하십시오. 실시간 성능 데이터에 대해 자세히 알아보세요 .

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

주요 메트릭의 추세를 알아보려면 성능 대시보드 상단의 메트릭 보드에 추가하십시오. 주간 변경 사항을 확인하여 회귀를 빠르게 식별하거나 코드의 최근 변경 사항으로 인해 성능이 향상되고 있는지 확인할 수 있습니다.

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

메트릭 보드에 메트릭을 추가하려면 다음 단계를 따르세요.

  1. Firebase 콘솔에서 성능 대시보드 로 이동합니다.
  2. 빈 메트릭 카드를 클릭한 다음 보드에 추가할 기존 메트릭을 선택합니다.
  3. 추가 옵션(예: 메트릭 교체 또는 제거)을 보려면 채워진 메트릭 카드에서 를 클릭하십시오.

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

대시보드 사용에 대해 자세히 알아보세요.

콘솔에서 화면 성능 보기

추적을 보려면 Firebase 콘솔의 성능 대시보드 로 이동하여 추적 표까지 아래로 스크롤한 다음 해당 하위 탭을 클릭합니다. 표에는 각 추적에 대한 몇 가지 상위 메트릭이 표시되며 특정 메트릭에 대한 백분율 변경을 기준으로 목록을 정렬할 수도 있습니다.

Performance Monitoring은 측정항목 변경 사항을 강조 표시하는 문제 해결 페이지를 Firebase 콘솔에 제공하므로 앱과 사용자에 대한 성능 문제의 영향을 쉽고 빠르게 해결하고 최소화할 수 있습니다. 예를 들어 다음 시나리오에서 잠재적인 성능 문제에 대해 알아볼 때 문제 해결 페이지를 사용할 수 있습니다.

  • 대시보드에서 관련 메트릭을 선택하면 큰 변화가 있음을 알 수 있습니다.
  • 추적 테이블에서 가장 큰 델타를 맨 위에 표시하도록 정렬하면 상당한 비율 변화를 볼 수 있습니다.
  • 성능 문제를 알리는 이메일 알림을 받습니다.

다음과 같은 방법으로 문제 해결 페이지에 액세스할 수 있습니다.

  • 메트릭 대시보드에서 메트릭 세부 정보 보기 버튼을 클릭합니다.
  • 측정항목 카드에서 => 세부정보 보기 를 선택합니다. 문제 해결 페이지에는 선택한 측정항목에 대한 정보가 표시됩니다.
  • 추적 테이블에서 해당 추적과 연관된 행의 추적 이름 또는 메트릭 값을 클릭하십시오.
  • 이메일 알림에서 지금 조사 를 클릭합니다.

추적 테이블에서 추적 이름을 클릭하면 관심 있는 메트릭으로 드릴다운할 수 있습니다. 필터 버튼을 클릭하여 속성별로 데이터를 필터링합니다. 예를 들면 다음과 같습니다.

속성별로 필터링되는 Firebase Performance Monitoring 데이터의 이미지
  • 앱 버전 별로 필터링하여 과거 릴리스 또는 최신 릴리스에 대한 데이터 보기
  • 기기 별로 필터링하여 구형 기기에서 앱을 처리하는 방법 알아보기
  • 국가 별로 필터링하여 데이터베이스 위치가 특정 지역에 영향을 미치지 않도록 합니다.

추적 데이터 보기 에 대해 자세히 알아보세요.

다음 단계