WKWebView预初始化

开篇语：

由于业务需求，我们采用了WKWebView和其它view混合布局的展现方案。如果你的WKWebView个数不多，例如同一个页面不超过3个WKWebView，是很难发现这个瓶颈问题。不是内存占用太多，是init确实占用太多主线程时间。如果你尝试异步初始化WKWebView发现是不行的，init必须在主线程中执行。这就导致如果一个页面同时需要多个WKWebView，会产生卡顿问题（当然，新款设备CPU性能强悍，和老设备对比非常明显）。

方案：

船到桥头自然直，车到山前必有路…… 既然躲不过，那就直接面对吧！解决方法就是预初始化N个WKWebView备用，当使用的时候，直接设置HTML。那，预初始化的时候不会卡主线程吗？当然会，不过我们可以将这个过程放到页面加载（网络请求转圈圈）的地方，也就是牺牲用户网速体验，提升页面渲染速度。总体下来，我感觉加载变流畅了呢?，毕竟更多的人已经习惯了网络加载缓慢，反而更关心页面流畅度。况且，根据实际测试，初始化20个WKWebView的时间也就1秒--1.5秒（都是针对老设备而言的），新款设备基本体验不出差别。

说了这么多，无非就是写一个WKWebView池，必要的时间点初始化N个WKWebView，用的时候直接拿即可。如果池中的WKWebView不够用了，那就用一个初始化一个，反正都在主线程，没必要再预初始化更多了。

实现：

简单实现，一个单例管理所有预初始化的WKWebView。

HXWKWebViewPool.h

#import <Foundation/Foundation.h>
#import <WebKit/WebKit.h>

@interface HXWKWebViewPool : NSObject

+ (instancetype)sharedInstance;

/**
 预初始化若干WKWebView

 @param count 个数
 */
- (void)prepareWithCount:(NSUInteger)count;

/**
 从池中获取一个WKWebView
 
 @return WKWebView
 */
- (WKWebView *)getWKWebViewFromPool;

@end

HXWKWebViewPool.m

#import "HXWKWebViewPool.h"

@interface HXWKWebViewPool ()

@property (nonatomic) NSUInteger initialViewsMaxCount;  //最多初始化的个数
@property (nonatomic) NSMutableArray *preloadedViews;

@end

@implementation HXWKWebViewPool

+ (instancetype)sharedInstance {
    static dispatch_once_t onceToken;
    static HXWKWebViewPool *instance = nil;
    dispatch_once(&onceToken,^{
        instance = [[super allocWithZone:NULL] init];
    });
    return instance;
}

+ (id)allocWithZone:(struct _NSZone *)zone{
    return [self sharedInstance];
}

- (instancetype)init
{
    self = [super init];
    if (self) {
        self.initialViewsMaxCount = 20;
        self.preloadedViews = [NSMutableArray arrayWithCapacity:self.initialViewsMaxCount];
    }
    return self;
}

/**
 预初始化若干WKWebView
 
 @param count 个数
 */
- (void)prepareWithCount:(NSUInteger)count {
    
    NSTimeInterval start = CACurrentMediaTime();
    
    // Actually does nothing, only initialization must be called.
    while (self.preloadedViews.count < MIN(count,self.initialViewsMaxCount)) {
        id preloadedView = [self createPreloadedView];
        if (preloadedView) {
            [self.preloadedViews addObject:preloadedView];
        } else {
            break;
        }
    }
    
    NSTimeInterval delta = CACurrentMediaTime() - start;
    NSLog(@"=======初始化耗时：%f",  delta);
}

/**
 从池中获取一个WKWebView

 @return WKWebView
 */
- (WKWebView *)getWKWebViewFromPool {
    if (!self.preloadedViews.count) {
        NSLog(@"不够啦！");
        return [self createPreloadedView];
    } else {
        id preloadedView = self.preloadedViews.firstObject;
        [self.preloadedViews removeObject:preloadedView];
        return preloadedView;
    }
}

/**
 创建一个WKWebView

 @return WKWebView
 */
- (WKWebView *)createPreloadedView {
    
    WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];
    WKUserContentController *wkUController = [[WKUserContentController alloc] init];
    wkWebConfig.userContentController = wkUController;
    
    WKWebView *wkWebView = [[WKWebView alloc]initWithFrame:CGRectZero configuration:wkWebConfig];
    //根据自己的业务需求初始化WKWebView
    wkWebView.opaque = NO;
    wkWebView.scrollView.scrollEnabled = NO;
    wkWebView.scrollView.showsVerticalScrollIndicator = NO;
    wkWebView.scrollView.scrollsToTop = NO;
    wkWebView.scrollView.userInteractionEnabled = NO;
    if (@available(iOS 11.0,*)) {
        wkWebView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
    }
    wkWebView.scrollView.bounces = NO;
    wkWebView.backgroundColor = [UIColor clearColor];
    
    return wkWebView;
}

@end

使用的时候，根据业务需求提前预初始化 prepareWithCount：多个WKWebView。使用是时候直接调用单例的getWKWebViewFromPool 得到一个WKWebView即可。

实际测试中，发现页面渲染实际缩短了一倍，旧款设备提升明显。

相关文章：让你的WKWebView支持自动布局----Auto Layout