WKWebView 在 iOS 9 中使用 swift 加载 HTML 内容太慢

Question

我一直在尝试将

WKWebView

集成为 UIViewController 中另一个

webview

的子视图。我已经能够加载内容并与

swift

和

JavaScript

正确通信。然而，在没有任何数据操作的情况下，

HTML

内容的加载时间需要接近2秒。

我还测试了仅使用

WKWebView

的空主体来加载

HTML

，而不加载任何脚本。加载仍然需要 600 毫秒。

viewDidLoad

和

webView

之间所花费的时间差（

webView

：

WKWebView

，didFinishNavigation导航：WKNavigation！）**是600毫秒，即使HTML包含空正文。

ViewController 的 viewDidLoad 函数

override func viewDidLoad() {
    NSLog("started - %@.%@", String(self.dynamicType), __FUNCTION__)
    super.viewDidLoad()
    
    let wkConfiguration: WKWebViewConfiguration = WKWebViewConfiguration()
    let userController: WKUserContentController = WKUserContentController()
    wkConfiguration.userContentController = userController
    wkConfiguration.processPool = VCWKWebView.wkProcess
    self.wkWebView = VCWKWebView(frame: self.webView.bounds,configuration: wkConfiguration)
    if let wkWebView = self.wkWebView {
        self.webView.addSubview(wkWebView)
        wkWebView.translatesAutoresizingMaskIntoConstraints = false
        let height = NSLayoutConstraint(item: wkWebView, attribute: .Height, relatedBy: .Equal, toItem: self.webView, attribute: .Height, multiplier: 1, constant: 0)
        let width = NSLayoutConstraint(item: wkWebView, attribute: .Width, relatedBy: .Equal, toItem: self.webView, attribute: .Width, multiplier: 1, constant: 0)
        webView.addConstraints([height, width])
        //wkWebView.delegate = self
        wkWebView.navigationDelegate = self
        wkWebView.loadContent()
    }
    
    NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillShow:", name: UIKeyboardWillShowNotification, object: nil)
    NSNotificationCenter.defaultCenter().addObserver(self, selector: "keyboardWillHide:", name: UIKeyboardWillHideNotification, object: nil)
    
    NSLog("ended - %@.%@", String(self.dynamicType), __FUNCTION__)
}

VCWKWebView 类：

class VCWKWebView: WKWebView  {
    
    static let wkProcess: WKProcessPool = WKProcessPool()
    
    private static let _url: NSURL = NSURL(fileURLWithPath: NSBundle.mainBundle().pathForResource("index", ofType: "html",inDirectory:"www")!)

    private static let _accessUrl: NSURL = NSURL(fileURLWithPath: NSBundle.mainBundle().pathForResource("www", ofType: nil)!)

    
    func loadContent(){
        NSLog("started - %@.%@", String(self.dynamicType), __FUNCTION__)
        if #available(iOS 9.0, *) {
            self.loadFileURL(VCWKWebView._url, allowingReadAccessToURL: VCWKWebView._accessUrl)
        } else {
            // Fallback on earlier versions
        }
        NSLog("ended - %@.%@", String(self.dynamicType), __FUNCTION__)
    }
    
    override init(frame: CGRect, configuration: WKWebViewConfiguration) {
        super.init(frame:frame, configuration:configuration)
    }
    
    convenience init(frame: CGRect){
        let wkConfiguration: WKWebViewConfiguration = WKWebViewConfiguration()
        self.init(frame:frame,configuration:wkConfiguration)
    }
    
    deinit{
        print("deinit of VCWKWebView is called")
    }
}

Answer 1

我认为有两种方法。

#1。优化您的 HTML、CSS 和 JavaScript 代码。

#2。您需要实现 WKWebView 委托函数。 并且需要在加载Webview内容后显示Webview内容。

Answer 2

这通常是因为渲染网页时使用了 CSS。这是本地加载页面时的默认行为。我们还可以考虑在第一次加载时，UIWebview 没有对此页面的缓存，并为该页面创建缓存。

请分享您的 html 部分，以便我检查