安卓Webview网页秒开策略探索

最新推荐文章于 2025-07-04 19:21:43 发布

AK8659

最新推荐文章于 2025-07-04 19:21:43 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/AK8659/article/details/95518611

本文探讨了安卓Webview加载缓慢的常见问题，包括内核初始化、js臃肿、图片过多等，并详细介绍了优化策略，如预加载、复用池、独立进程和使用第三方框架（VasSonic、TBS腾讯浏览服务、百度方案、今日头条方案）。重点分析了这些框架的工作原理和优化效果，提出前后端协同优化网页以实现秒开的目标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

痛点是什么？
网页加载缓慢，白屏，使用卡顿。
为何有这种问题？
1.调用loadUrl()方法的时候，才会开始网页加载流程
2.js臃肿问题
3.加载图片太多
4.webview本身问题
webiew是怎么加载网页的呢？
webview初始化->DOM下载→DOM解析→CSS请求+下载→CSS解析→渲染→绘制→合成
优化方向是？
1.webview本身优化

提前内核初始化
代码：

public class App extends Application {

private WebView mWebView ;
@Override
public void onCreate() {
    super.onCreate();
    mWebView = new WebView(new MutableContextWrapper(this));
}

}
复制代码效果：初次内核初始化大概2000ms，第二次50ms以内

webview复用池
代码：

public class WebPools {
private final Queue mWebViews;
private Object lock = new Object();
private static WebPools mWebPools = null;
private static final AtomicReference mAtomicReference = new AtomicReference<>();
private static final String TAG=WebPools.class.getSimpleName();

private WebPools() {
    mWebViews = new LinkedBlockingQueue<>();
}
public static WebPools getInstance() {
    for (; ; ) {
        if (mWebPools != null)
            return mWebPools;
        if (mAtomicReference.compareAndSet(null, new WebPools()))
            return mWebPools=mAtomicReference.get();
    }
}
public void recycle(WebView webView) {
    recycleInternal(webView);
}
public WebView acquireWebView(Activity activity) {
    return acquireWebViewInternal(activity);
}
private WebView acquireWebViewInternal(Activity activity) {
    WebView mWebView = mWebViews.poll();
    LogUtils.i(TAG,"acquireWebViewInternal  webview:"+mWebView);
    if (mWebView == null) {
        synchronized (lock) {
            return new WebView(new MutableContextWrapper(activity));
        }
    } else {
        MutableContextWrapper mMutableContextWrapper = (MutableContextWrapper) mWebView.getContext();
        mMutableContextWrapper.setBaseContext(activity);
        return mWebView;
    }
}
private void recycleInternal(WebView webView) {
    try {
        if (webView.getContext() instanceof MutableContextWrapper) {
            MutableContextWrapper mContext = (MutableContextWrapper) webView.getContext();
         mContext.setBaseContext(mContext.getApplicationContext());
            LogUtils.i(TAG,"enqueue  webview:"+webView);
            mWebViews.offer(webView);
        }
        if(webView.getContext() instanceof  Activity){
            //throw new RuntimeException("leaked");
            LogUtils.i(TAG,"Abandon this webview  ， It will cause leak if enqueue !");
        }
    }catch (Exception e){
        e.printStackTrace();
    }
}

}
复制代码带来的问题：内存泄漏

独立进程，进程预加载
代码：

    <service
        android:name=".PreWebService"
        android:process=":web"/>
    <activity
        android:name=".WebActivity"
        android:process=":web"/>

复制代码启动webview页面前，先启动PreWebService把[web]进程创建了，当启动WebActi