Чрезвычайно долгое время загрузки для извлечения данных из базы данных Firebase в реальном времени.

Question

Когда я обновляю данные на самой консоли Firebase, обновленные данные появляются через 0-2 минуты, чтобы появиться в домашней странице веб-приложения.У меня возникли проблемы с уменьшением времени загрузки по крайней мере до 5 секунд.Я также использую ионные 3 фреймворка, если это поможет

PS: я новичок в машинописи и все еще изучаю основы, извините заранее.

My home.ts

import { Component } from '@angular/core';
import firebase from 'firebase';
import { firebaseDb } from 'firebase/database'

var config = {
apiKey: "************************",
authDomain: "************************",
databaseURL: "************************",
projectId: "************************",
storageBucket: "************************",
messagingSenderId: "************************"
};
firebase.initializeApp(config)

@Component({
selector: 'page-home',
templateUrl: 'home.html'
})

export class HomePage {
public carm_Ref_10  = {};

constructor() {

const carmdbRef_10: firebaseDb.Reference = 
firebase.database().ref('Main').child('Signature').child('Carmela').child('carm-10');
carmdbRef_10.on('value', snap => this.carm_Ref_10 = snap.val());

  }
}

Мой фрагмент кода элемента, который я хочу отобразить на home.html

<ion-item>16oz
  <p id="carm_16" float-right="">{{ carm_Ref_16 }}</p>
</ion-item>