提高Android WebView加载速度的技巧

一、选择合适的WebView缓存模式

Android WebView默认缓存模式为LOAD_DEFAULT，这种模式下，WebView会根据Http headers决定是否缓存，一些如 标签所指定的页面是不会被缓存的，这导致了WebView加载速度变慢。因此我们需要根据实际需求选择合适的缓存模式，提高WebView加载速度。

//选择缓存模式
webView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT); //默认模式

webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //优先使用缓存，无缓存时从网络获取
webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); //不使用缓存
webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ONLY); //只使用缓存

二、使用WebView预加载技术

WebView预加载技术可以使得页面在用户浏览之前提前加载好，等用户点击时可以直接从缓存中读取，从而提高页面的展示速度。

//预加载页面
webView.getSettings().setAppCacheEnabled(true);
String[] urls = {"http://www.example.com", "http://www.example2.com"};
webView.loadUrl(urls[0]);
webView.loadUrl(urls[1]);

三、对HTML和JavaScript代码进行压缩

在HTML和JavaScript代码压缩后，可以使得文件大小变小，从而提高WebView加载速度。在此，我们可以使用一些优秀的工具进行代码压缩，比如为开发者提供了clean-css和UglifyJS这两个压缩工具，同时还提供了一个结合它们两个的Grunt任务——grunt-contrib-uglify，可以方便的完成压缩操作。

四、图片懒加载技术

在WebView加载页面时，图片往往是比较耗时的部分。因此，我们可以利用图片懒加载技术，将页面上的图片在用户滚动到其可见区域才进行加载，从而减少初始加载时的耗时。

//图片懒加载
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        view.loadUrl("javascript:(function() { " +
        "var lazyImages = [].slice.call(document.querySelectorAll('img[data-src]')); " +
        "if(localStorage.getItem('lazyLoad')=='false' || !('lazyLoad' in localStorage)){ " +
        "    lazyImages.forEach(function(lazyImage) { " +
        "        lazyImage.setAttribute('src', lazyImage.getAttribute('data-src'));" +
        "    }); " +
        "    localStorage.setItem('lazyLoad', true); " +
        "} " +
        "})();");
    }
});
webView.loadUrl("http://example.com");

五、使用XMLHttpRequest替代Web页面加载资源

在WebView中，我们可以使用XMLHttpRequest替代Web页面加载资源，从而加快页面加载速度。该技术的优点在于，XMLHttpRequest可以实现页面异步加载，使得页面显示更加流畅，同时可以优化传输的压缩算法，减缓数据压缩和传输所带来的负担。

//XMLHttpRequest 异步加载
var xhr = new XMLHttpRequest();
xhr.open('GET', '/resource', true);
xhr.onload = function() {
    console.log(xhr.responseText);
};
xhr.send();

六、使用CDN进行资源加速

CDN（Content Delivery Network）可以优化跨地域网络传输，加快请求页面的速度。因此，我们可以选择使用CDN来对我们的资源进行加速。

//使用CDN加速
<script src="https://cdn.example.com/example.js"></script>