performance.md

AngularFire ❱ Developer Guide ❱ Realtime Performance Monitoring

Performance Monitoring

Firebase Performance Monitoring is a service that helps you to gain insight into the performance characteristics of your Apple, Android, and web apps.

Learn More

Dependency Injection

As a prerequisite, ensure that AngularFire has been added to your project via

ng add @angular/fire

Provide a Performance instance and configuration in the application's NgModule (app.module.ts):

import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
import { getPerformance, providePerformance} from '@angular/fire/performance';

@NgModule({
  imports: [
    provideFirebaseApp(() => initializeApp(environment.firebase)),
    providePerformance(() => getPerformance()),
  ]
})

Next inject it into your component:

import { Component, inject} from '@angular/core';
import { Performance } from '@angular/fire/performance';

@Component({ ... })
export class PerformanceComponent {
  private performance: Performance = inject(Performance);
  ...
}

Firebase API

The Performance documentation is available on the Firebase website.

Services

Coming soon.

Convenience observables

Coming soon.