本文介绍了如何在Android上通过WebView优化H5页面加载速度，利用AppCache和LocalStorage实现数据缓存。首先，详细说明了AppCache的工作原理和配置，包括manifest文件的创建和关联。然后，阐述了在Android端设置WebSettings以启用缓存，并控制缓存大小和模式。最后，讨论了首次加载时的性能问题，并邀请读者分享解决方案。
最近在开发的过程中遇到了一个问题，就是在Android上通过WebView加载Html5页面时发现页面加载速度慢，再加上网络速度慢，每次请求需要5s左右的时间，严重影响用户体验，所以查询资料，最终找到一个可以解决加载缓慢的方法，现在介绍给大家：1、使用AppCache机制实现缓存html，css，js文件和一些本地图片，这种缓存方法使用manifest文件进行缓存数据，一般manifest文件默认后缀名为 .appcache，在设置缓存以后，第一次加载页面时会根据manifest文件中列出的缓存文件路径，将文件进行缓存到浏览器，在再次打开的时候，不会再次从服务器请求，而是加载缓存数据。但是如果manifest文件没有发生改变，那么服务器上的相关页面发生改动，加载时也是只会加载缓存的数据，不会进行更新；如果需要更新，必须改动manifest文件，哪怕只是一个空格或者换行。开启缓存机制需要两步:
(1). 需要在服务器端做AppCache缓存处理：在每个需要缓存的html页面增加manifest属性，设置AppCache文件，进行缓存。
创建manifest文件**manifest文件(manifest.appcache)CACHE MANIFEST#VERSION 2016-09-28 14:44
# 直接缓存的文件
CACHE:
../index.html
../css/index.css
../js/jquery-2.2.4.min.js
../js/index.js
../images/loading.gif
../images/index_on
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
