如何预加载Asset Catalog本地图片以优化SwiftUI性能？

完全可行，预加载大图能有效避免显示时的磁盘读取、解码卡顿，是优化性能的常用手段。以下是两种实用的实现方式：

方法一：直接初始化UIImage触发系统缓存 #

系统加载UIImage(named:)后会自动将解码后的图片存入内存缓存，后续SwiftUI的Image组件使用同名资源时会直接读取缓存，无需重复处理。

在合适的时机（比如App启动完成、目标页面的onAppear回调）执行预加载：

func preloadAssets() {
    // 加载Asset Catalog中的目标图片
    let _ = UIImage(named: "LargeBackground")
    let _ = UIImage(named: "OtherLargeImage1")
    let _ = UIImage(named: "OtherLargeImage2")
}

方法二：后台加载+主动持有缓存（可控性更强） #

如果需要在后台执行加载、或确保图片缓存不被系统提前回收，可以在后台线程加载后，在主线程持有图片引用：

// 声明属性持有缓存的图片，避免被内存回收
private var cachedImages: [UIImage] = []

func preloadImagesInBackground() {
    DispatchQueue.global(qos: .background).async {
        // 后台线程加载图片，不阻塞主线程
        let backgroundImg = UIImage(named: "LargeBackground")
        let extraImg = UIImage(named: "OtherLargeImage1")
        
        DispatchQueue.main.async {
            // 主线程持有引用，确保缓存有效
            self.cachedImages = [backgroundImg, extraImg].compactMap { $0 }
        }
    }
}

注意事项 #

• 内存控制：预加载大图会增加内存占用，需根据App的内存阈值调整预加载数量；在不需要这些图片时（比如退出页面），可以清空cachedImages让系统回收内存。
• 时机选择：优先在App空闲时段、或进入目标页面的前一个页面触发预加载，平衡启动速度和加载及时性。
• Asset配置：确保图片的Render As设置符合需求（比如背景图选「Original Image」），避免额外的渲染开销。

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