SwiftUI中如何加快Firebase Storage异步图片加载速度？

核心问题是你加载了远大于实际需求的原图，导致带宽消耗大、加载慢，试试下面几个方案：

1. 用Firebase Storage的图片处理参数生成缩略图 #

Firebase Storage支持直接在URL里添加参数，让服务器返回指定尺寸的缩略图，不用下载完整原图。针对你的25×25圆形头像场景，推荐用crop=fill参数（保持比例裁剪到目标尺寸），直接在原链接后拼接：

// 拼接缩放裁剪参数后的链接
var link = "https://firebasestorage.googleapis.com:443/v0/b/tribum-7b19a.appspot.com/o/1EVKeHBGLoULDCYA5nrS34Zbqgp1?alt=media&token=04f4444a-75bd-4895-9c79-516718174223&width=25&height=25&crop=fill"

AsyncImage(url: URL(string: link)) { image in
    image
        .resizable()
        .scaledToFill()
        .frame(width: 25, height: 25)
        .clipShape(Circle())
} placeholder: {
    Image(systemName: "person.crop.circle.fill")
        .resizable()
        .foregroundColor(.gray)
        .frame(width: 25, height: 25)
}

• width=25&height=25：指定返回图片的尺寸
• crop=fill：按比例裁剪到目标尺寸，适合圆形头像这类需要精准尺寸的场景；如果只需要缩放不裁剪，换成crop=scale

2. 自定义URLCache强化本地缓存 #

AsyncImage默认的缓存空间有限，自定义缓存可以让常用的小图更快加载：

// 创建自定义缓存，设置更大的内存和磁盘缓存容量
let customImageCache = URLCache(
    memoryCapacity: 100 * 1024 * 1024,  // 100MB内存缓存
    diskCapacity: 500 * 1024 * 1024,    // 500MB磁盘缓存
    diskPath: "FirebaseImageCache"
)

// 给AsyncImage配置带自定义缓存的URLSession
AsyncImage(url: URL(string: link),
           urlSession: URLSession(configuration: {
               let config = URLSessionConfiguration.default
               config.urlCache = customImageCache
               return config
           }())) { image in
    image
        .resizable()
        .scaledToFill()
        .frame(width: 25, height: 25)
        .clipShape(Circle())
} placeholder: {
    Image(systemName: "person.crop.circle.fill")
        .resizable()
        .foregroundColor(.gray)
        .frame(width: 25, height: 25)
}

3. 提前预加载（可选） #

如果能预判用户会用到这些小图（比如进入某个页面必然显示头像），可以在进入页面之前提前发起请求，把图片缓存到本地：

// 预加载图片到缓存
func preloadAvatar(urlString: String) {
    guard let url = URL(string: urlString) else { return }
    URLSession.shared.dataTask(with: url).resume()
}

// 比如在App启动时或者前一个页面调用
preloadAvatar(urlString: link)

内容的提问来源于stack exchange，提问作者Bart Van de Veire