Swift中TableView滚动卡顿求助：单张图片约20MB

阿华AIGC实验室

2026-5-22

嘿，我来帮你排查这个TableView滚动卡顿的问题——看你的描述，每张图片20MB，这大概率就是核心诱因了！这么大的图片直接处理，不管是下载还是渲染，都会给主线程和内存带来巨大压力，自然就卡了。下面是具体的分析和解决方案：

核心问题拆解

20MB的单张图片远超移动端列表场景的合理尺寸（一般列表图几百KB到几MB就足够）。直接下载、解码、渲染这类大图片会导致：

主线程被阻塞（如果处理逻辑没做好异步隔离）
内存暴增，触发频繁的内存回收，进而拖慢滚动帧率
TableView复用cell时重复加载大图片，卡顿问题雪上加霜

具体解决方案

1. 从根源减少图片体积

优先请求缩略图：如果后端支持，直接让接口返回适合列表展示的小尺寸图片（比如300x300像素），这是最有效的优化方式。

下载后压缩图片：如果只能获取原图，一定要在后台线程完成压缩再渲染：

func compressImage(_ image: UIImage, targetSize: CGSize) -> UIImage? {
    let size = image.size
    let scaleFactor = min(targetSize.width/size.width, targetSize.height/size.height)
    let newSize = CGSize(width: size.width*scaleFactor, height: size.height*scaleFactor)
    
    UIGraphicsBeginImageContextWithOptions(newSize, false, 0.0)
    image.draw(in: CGRect(origin: .zero, size: newSize))
    let compressedImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    
    return compressedImage
}

2. 异步下载+缓存，避免重复消耗

你的downloadJsonWithTask用了URLSession.shared.dataTask（本身是异步的），但要注意两个关键点：

必须切回主线程更新UI：后台线程不能直接操作UI，否则会导致卡顿甚至崩溃：

URLSession.shared.dataTask(with: downloadTask) { data, response, error in
    guard let data = data, error == nil else { return }
    // 后台线程处理图片压缩
    DispatchQueue.global().async {
        if let originImage = UIImage(data: data), let compressedImage = self.compressImage(originImage, targetSize: CGSize(width: 300, height: 300)) {
            // 切回主线程更新cell
            DispatchQueue.main.async {
                // 这里更新对应的cell imageView
            }
        }
    }
}.resume()

添加图片缓存逻辑：用NSCache实现内存缓存，避免每次滚动都重复下载：

let imageCache = NSCache<NSString, UIImage>()

// 加载图片前先查缓存
if let cachedImage = imageCache.object(forKey: imageUrlString as NSString) {
    cell.imageView?.image = cachedImage
} else {
    // 下载并缓存图片
    URLSession.shared.dataTask(with: downloadTask) { data, _, error in
        // ...处理数据和压缩...
        self.imageCache.setObject(compressedImage, forKey: imageUrlString as NSString)
    }.resume()
}