本文调查了Android H5的秒开方案，分析了今日头条App的秒开方案。
本文首发于：
背景
在回家的地铁上使用自己APP的H5相关功能时，可能会因为网络原因体验不佳。用微信和今日头条App，感觉很流畅，基本秒开，然后想了解一下行业内的H5秒。打开一个计划。
问题 原因 常见解决方法 WebView 缓存相关
这可以通过以下代码实现：
WebSettings webSettings = myWebView.getSettings();webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);webSettings.setDomStorageEnabled(true);webSettings.setDatabaseEnabled(true);final String dbPath = getApplicationContext().getDir("db", Context.MODE_PRIVATE).getPath();webSettings.setDatabasePath(dbPath); webSettings.setAppCacheEnabled(true);final String cachePath = getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();webSettings.setAppCachePath(cachePath);webSettings.setAppCacheMaxSize(5*1024*1024);webSettings.setJavaScriptEnabled(true);开源解决方案 今日头条解决方案
我们来看看今日头条的效果。第二次断网打开页面，秒级达到打开页面的效果：
今日头条对其平台的文章详情页做了很多优化，包括以下几点：
内置所需文件
WebView预创建、资源预加载
第一次创建 WebView 比第二次创建要慢得多。估计第一次创建WebView需要初始化一些静态资源，第二次创建不需要初始化，所以第二次创建耗时少很多。
使用Context包装类MutableContextWrapper传入Application，预先创建WebView对象，然后预先加载一个用java代码拼接的html，并提前解析js和css资源。当您获得预先创建的 WebView 时，将其替换为 Activity 的上下文。
public class PreloadWebView { private PreloadWebView(){} private static final int CACHED_WEBVIEW_MAX_NUM = 2; private static final Stack mCachedWebViewStack = new Stack<>(); public static PreloadWebView getInstance(){ return Holder.INSTANCE; } private static class Holder{ private static final PreloadWebView INSTANCE = new PreloadWebView(); } /** * 创建WebView实例 * 用了applicationContext */ public void preload() { L.d("webview preload"); Looper.myQueue().addIdleHandler(new MessageQueue.IdleHandler() { @Override public boolean queueIdle() { if (mCachedWebViewStack.size() < CACHED_WEBVIEW_MAX_NUM) { mCachedWebViewStack.push(createWebView()); } return false; } }); } private WebView createWebView() { WebView webview = new WebView(new MutableContextWrapper(App.getApp())); webview.getSettings().setJavaScriptEnabled(true); webview.loadDataWithBaseURL("file:///android_asset/article/?item_id=0&token=0",getHtml(),"text/html","utf-8","file:///android_asset/article/?item_id=0&token=0"); return webview; } private static String getHtml() { StringBuilder builder = new StringBuilder(); builder.append(""); builder.append(""); builder.append(""); builder.append(""); builder.append(""); builder.append(""); builder.append(""); builder.append(""); builder.append(""); builder.append("