How to make faster the loading of the user's profile photo (Firebase, swift)

Question

I had this in the viewDidLoad of my ProfileViewController

 self.user = Auth.auth().currentUser
      self.databaseRef.child("user_profiles").child(self.user!.uid).observeSingleEvent(of: .value) { (snapshot:DataSnapshot) in

          let snapshotValue = snapshot.value as? NSDictionary


        if(snapshotValue?["about"] != nil)
        {

        }

        if(snapshotValue?["profile_pic"] != nil)
        {
            let databaseProfilePic = snapshotValue!["profile_pic"]
                as! String

            let data = try? Data(contentsOf: URL(string: databaseProfilePic)!)

            self.setProfilePicture(imageView: self.profilePic,imageToSet: UIImage (data:(data!))!)
        }

with also this function

 internal func setProfilePicture(imageView:UIImageView,imageToSet:UIImage)
    {

        imageView.layer.cornerRadius = 22.5
        imageView.layer.borderColor = UIColor.white.cgColor
        imageView.layer.masksToBounds = true
        imageView.image = imageToSet

    }

to load the profile picture of the authenticated users. My only problem is that every time i go into my ProfileViewController it takes 3-4 seconds to load the picture while i would like that as on instagram, whatsapp etc. the image is already loaded, so there is no such annoying waiting time. How can i do?

check this -: https://stackoverflow.com/questions/40873685/how-to-cache-images-using-urlsession-in-swift , use NSCache . — Tushar Sharma, Nov 28 '17 at 10:03
https://stackoverflow.com/questions/46199203/downloading-uiimage-via-alamofireimage/46199246#46199246 — Salman Ghumsani, Nov 28 '17 at 10:08

Ganesh Manickam · Accepted Answer · 2017-11-28T11:01:28.180

1

for fast download image async you can use this library

and you can simply download image with less line of code

if(snapshotValue?["profile_pic"] as? String != nil) {
   if let imgUrl = URL(string:snapshotValue?["profile_pic"] as! String) 
   {
       self.profilePic.kf.setImage(with: imgUrl)
       self.profilePic.layer.cornerRadius = min(self.profilePic.frame.height,self.profilePic.frame.width) / 2 //you can change the cornerRadius according to your need
       self.profilePic.layer.borderColor = UIColor.white.cgColor
       self.profilePic.layer.masksToBounds = true
   }
}

Hope this will help you

edited Nov 28 '17 at 11:01

answered Nov 28 '17 at 10:06

Ganesh Manickam

1,782
3
17
26

thanks i added this library, now it saying to me "Value of type 'UIImageView' has no member 'kf'" what i miss? – arc4Random Nov 28 '17 at 10:24
clean(command+shift+k) then run that will work and don't forget to import KingFisher – Ganesh Manickam Nov 28 '17 at 10:25
Could not cast value of type 'Swift.String' to 'Kingfisher.Resource' – arc4Random Nov 28 '17 at 10:32
what is your project swift version and kingfisher pod version? – Ganesh Manickam Nov 28 '17 at 10:34
i'm with swift4 and pod 'Kingfisher', '~> 4.0' – arc4Random Nov 28 '17 at 10:35
sorry ganesh i wrote last think to you in chat – arc4Random Nov 28 '17 at 10:56
no issues, answer updated for your requirement check it once – Ganesh Manickam Nov 28 '17 at 11:02

How to make faster the loading of the user's profile photo (Firebase, swift)

1 Answers1