Firebase登录后HomeVC标签更新延迟问题求助

我在做iOS开发时遇到一个问题：用户从LoginVC完成Firebase认证跳转至HomeVC后，HomeVC的checkIfUserLogedIn函数会检查登录状态并从Firebase获取数据。页面加载后，UIImageView能立刻从FirebaseStorage加载出图片，但所有文本标签的数据要延迟1秒左右才更新。

相关实现代码 #

override func viewDidLoad() {
    super.viewDidLoad()
    checkIfUserLogedIn()
}

//check if loged in and fill information
func checkIfUserLogedIn() {
    if FirebaseAuth.Auth.auth().currentUser?.uid != nil {
        let uid = FirebaseAuth.Auth.auth().currentUser?.uid
        FirebaseDatabase.Database.database().reference().child("users").child(uid!).observeSingleEvent(of: .value, with: { (DataSnapshot) in
             if let dictionary =  DataSnapshot.value as? [String: String] {
                 //update labels
                 self.nameLabel.text = dictionary["name"]
                 self.lastNameLabel.text = dictionary["lastName"]
                 self.ageLabel.text = dictionary["age"]
                 self.cityCountryLabel.text = dictionary ["cityCountry"]
                 self.phoneNumberLabel.text = dictionary ["phoneNumber"]
            }
        })

        //fetch photo to the UIImageView
        let storageRef = Storage.storage().reference(withPath: "usersPhoto/\(uid!).jpg")
        let placeHolder = UIImage(named: "placeholder.jpg")

        imageViewPhoto.sd_setImage(with: storageRef, placeholderImage: placeHolder)
        imageViewPhoto.contentMode = .scaleAspectFill
        imageViewPhoto.layer.cornerRadius = 25
        imageViewPhoto.layer.shadowColor = #colorLiteral(red: 0.8374180198, green: 0.8374378085, blue: 0.8374271393, alpha: 1)
        imageViewPhoto.layer.shadowOffset = CGSize(width: 0, height: 0)
        imageViewPhoto.layer.shadowRadius = 5
        imageViewPhoto.layer.shadowOpacity = 0.4
        imageViewPhoto.layer.backgroundColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 1)
        imageViewPhoto.layer.borderColor = #colorLiteral(red: 0.921431005, green: 0.9214526415, blue: 0.9214410186, alpha: 1)
        imageViewPhoto.layer.borderWidth = 0.5
    } else {
        return
    }
}

已尝试的解决方法 #

我试过用两种DispatchQueue.main.async写法在主线程更新标签，但问题依旧：

DispatchQueue.main.async {
    //update labels
    self.nameLabel.text = dictionary["name"]
    self.lastNameLabel.text = dictionary["lastName"]
    self.ageLabel.text = dictionary["age"]
    self.cityCountryLabel.text = dictionary ["cityCountry"]
    self.phoneNumberLabel.text = dictionary ["phoneNumber"]
}

DispatchQueue.main.async(execute: {
    //update labels
    self.nameLabel.text = dictionary["name"]
    self.lastNameLabel.text = dictionary["lastName"]
    self.ageLabel.text = dictionary["age"]
    self.cityCountryLabel.text = dictionary ["cityCountry"]
    self.phoneNumberLabel.text = dictionary ["phoneNumber"]
})

问题原因分析 #

这种延迟的核心原因是Firebase Database的读取请求耗时比Firebase Storage的图片请求更长：两者都是异步操作，但Database的数据请求在网络传输、数据解析上的开销相对更大，导致文本标签的更新晚于图片加载。另外SDWebImage内部自带缓存机制，如果图片已被缓存，会直接从本地读取，进一步拉大了显示时间差。

解决方案 #

1. 本地缓存用户数据
   在登录成功后将用户信息缓存到UserDefaults或本地数据库（如Realm、Core Data），HomeVC加载时先读取缓存数据更新UI，再后台发起Firebase请求同步最新数据，避免用户等待：

   // 登录成功时缓存数据示例
   if let userDict = userSnapshot.value as? [String: String] {
       UserDefaults.standard.set(userDict["name"], forKey: "userName")
       UserDefaults.standard.set(userDict["lastName"], forKey: "userLastName")
       // 缓存其他字段...
   }
   
   // HomeVC中先加载缓存
   override func viewDidLoad() {
       super.viewDidLoad()
       // 先更新缓存数据
       nameLabel.text = UserDefaults.standard.string(forKey: "userName") ?? "加载中..."
       lastNameLabel.text = UserDefaults.standard.string(forKey: "userLastName") ?? "加载中..."
       // 再发起请求同步最新数据
       checkIfUserLogedIn()
   }
   

2. 强制UI刷新
   在更新文本标签后，强制触发UI布局刷新，确保文本立刻渲染：

   DispatchQueue.main.async {
       self.nameLabel.text = dictionary["name"]
       self.lastNameLabel.text = dictionary["lastName"]
       self.ageLabel.text = dictionary["age"]
       self.cityCountryLabel.text = dictionary["cityCountry"]
       self.phoneNumberLabel.text = dictionary["phoneNumber"]
       // 强制刷新布局
       self.view.layoutIfNeeded()
   }
   

3. 添加文本占位符
   给文本标签设置初始占位文本（如“加载中...”），和图片的placeholder保持一致，避免用户看到空白等待：

   // 在viewDidLoad中初始化标签
   override func viewDidLoad() {
       super.viewDidLoad()
       nameLabel.text = "加载中..."
       lastNameLabel.text = "加载中..."
       // 其他标签同理...
       checkIfUserLogedIn()
   }
   

4. 优化Firebase Database请求

   • 只请求需要的字段，减少数据传输量：

     let ref = FirebaseDatabase.Database.database().reference().child("users").child(uid!)
     // 批量请求所需字段
     ref.observeSingleEvent(of: .value) { snapshot in
         if let dict = snapshot.value as? [String: String] {
             // 仅处理需要的字段
         }
     }
     

   • 检查Firebase Database规则，确保权限校验不会额外增加延迟。

内容的提问来源于stack exchange，提问作者Yevhenii