iOS应用启动预加载UIWebview，解决Segue跳转时Webview加载延迟问题

嘿，这个需求我之前帮不少开发者处理过，核心思路就是把WebView的实例化和页面加载逻辑从ViewController中抽离，提前在App启动阶段完成预加载，等Segue跳转时直接复用已经加载好的WebView，完全避免跳转后的等待时间。下面给你两个实用的实现方案，附代码示例和注意事项：

方案一：用单例类统一管理预加载的WebView #

这是最常用的方案，通过单例类在App启动时初始化并加载WebView，后续ViewController直接从单例获取复用。

步骤1：创建WebView管理单例 #

import UIKit
import WebKit

class WebViewPreloader: NSObject {
    // 单例实例
    static let shared = WebViewPreloader()
    // 存储预加载完成的WebView
    private(set) var readyWebView: WKWebView?
    
    private override init() {
        super.init()
    }
    
    /// 启动预加载指定URL的WebView
    func startPreload(with targetURL: URL) {
        // 配置WebView的基础设置（根据你的业务需求调整）
        let webConfig = WKWebViewConfiguration()
        webConfig.preferences.javaScriptEnabled = true
        webConfig.preferences.javaScriptCanOpenWindowsAutomatically = false
        // 启用缓存，提升重复加载速度
        webConfig.websiteDataStore = WKWebsiteDataStore.default()
        
        let webView = WKWebView(frame: .zero, configuration: webConfig)
        webView.navigationDelegate = self
        
        // 发起加载请求，设置缓存策略优先用缓存
        let request = URLRequest(
            url: targetURL,
            cachePolicy: .returnCacheDataElseLoad,
            timeoutInterval: 30
        )
        webView.load(request)
        
        readyWebView = webView
    }
    
    /// 重置预加载的WebView（用于多页面不同URL的场景）
    func resetPreloadedWebView() {
        readyWebView = nil
    }
}

// 实现WKNavigationDelegate监听加载状态
extension WebViewPreloader: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        print("✅ WebView预加载完成")
        // 这里可以通过通知中心发送加载完成的通知，让ViewController监听
        NotificationCenter.default.post(name: NSNotification.Name("WebViewPreloadCompleted"), object: nil)
    }
    
    func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
        print("❌ WebView预加载失败：\(error.localizedDescription)")
        // 可选：加载失败时可以重试，或者标记状态
    }
}

步骤2：在App启动时触发预加载 #

在AppDelegate或者SceneDelegate的启动方法中调用预加载：

// 以SceneDelegate为例
class SceneDelegate: UIResponder, UIWindowSceneDelegate {
    var window: UIWindow?

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        guard let _ = (scene as? UIWindowScene) else { return }
        
        // 替换成你需要预加载的目标URL
        if let targetURL = URL(string: "https://your-web-page.com") {
            WebViewPreloader.shared.startPreload(with: targetURL)
        }
    }
}

步骤3：在ViewController中复用预加载的WebView #

当Segue跳转到目标ViewController后，直接将预加载好的WebView添加到视图：

class TargetWebViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        setupWebView()
    }
    
    private func setupWebView() {
        guard let preloadedWebView = WebViewPreloader.shared.readyWebView else {
            // 预加载失败的降级处理：创建新的WebView加载
            let fallbackWebView = WKWebView(frame: view.bounds)
            view.addSubview(fallbackWebView)
            if let url = URL(string: "https://your-web-page.com") {
                fallbackWebView.load(URLRequest(url: url))
            }
            return
        }
        
        // 配置WebView的布局，适配ViewController的视图
        preloadedWebView.frame = view.bounds
        preloadedWebView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        view.addSubview(preloadedWebView)
        
        // 如果这个WebView只用一次，用完可以重置单例，避免后续复用错误
        WebViewPreloader.shared.resetPreloadedWebView()
    }
}

方案二：多URL预加载（适配多个页面场景） #

如果你的App需要多个不同页面的WebView预加载，可以扩展单例，用字典存储多个WebView实例：

// 修改WebViewPreloader的存储逻辑
class WebViewPreloader: NSObject {
    static let shared = WebViewPreloader()
    // 用URL字符串作为key，存储对应预加载的WebView
    private var preloadedWebViews: [String: WKWebView] = [:]
    
    private override init() { super.init() }
    
    func startPreload(for urlString: String) {
        guard let url = URL(string: urlString), preloadedWebViews[urlString] == nil else { return }
        
        let webConfig = WKWebViewConfiguration()
        // ... 同方案一的配置
        
        let webView = WKWebView(frame: .zero, configuration: webConfig)
        webView.navigationDelegate = self
        webView.load(URLRequest(url: url))
        
        preloadedWebViews[urlString] = webView
    }
    
    func getPreloadedWebView(for urlString: String) -> WKWebView? {
        return preloadedWebViews[urlString]
    }
    
    func removeWebView(for urlString: String) {
        preloadedWebViews.removeValue(forKey: urlString)
    }
}

关键注意事项 #

• 内存管理：WebView是内存占用较高的组件，若App进入后台，建议清空预加载的WebView，前台再重新加载，避免内存泄漏：

  // 在SceneDelegate中监听后台事件
  func sceneDidEnterBackground(_ scene: UIScene) {
      WebViewPreloader.shared.resetPreloadedWebView()
      // 多URL场景用：WebViewPreloader.shared.preloadedWebViews.removeAll()
  }
  

• 加载状态同步：可以通过通知中心或者闭包回调，让ViewController知道WebView是否预加载完成，避免跳转后显示空白；
• 缓存控制：根据业务需求调整URLRequest的缓存策略，比如需要实时内容时用.reloadIgnoringLocalCacheData；
• 代理冲突：如果ViewController需要监听WebView的导航事件，可以将WebView的代理转交给ViewController，或者在单例中转发代理方法。

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