Images from Firebase load slow in Ionic Framework

ionic-v1
1

Images are rendering extremely slow in my Ionic app when uploading or downloading from Firebase. Is there an easy solution for this?

  selectPhoto(photoName: string): void {
    this.camera.getPicture({
      sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
      destinationType: this.camera.DestinationType.DATA_URL,
      quality: 100,
      encodingType: this.camera.EncodingType.PNG,
    }).then(imageData => {
      this.myPhoto = imageData;
      this.uploadPhoto(photoName);
    }, error => {
      console.log("ERROR -> " + JSON.stringify(error));
    });
  }
 
  private uploadPhoto(photoName: string): void {
    this.myPhotosRef.child(photoName)
      .putString(this.myPhoto, 'base64', { contentType: 'image/png' })
      .then((savedPicture) => {
        this.myPhotoURL = savedPicture.downloadURL;
        this.changeFromButtonToPic(photoName);
      });
  }
2

I think you can try to load a few of these pictures as soon as app starts.
For instance, in your app.component.ts

constructor(platform: Platform) { this.platform = platform; this.platform.ready().then(() => { load.your.firebase.images }}

Then it will load the images as soon as users start your app so they will not have to wait to see pictures.
This may not be the best solution but it’s worth trying… I solved many problems using this method.