最近在開發的過程中遇到了一個問題，就是在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_one.jpg
../images/index_one_icon.png
../images/index_two.jpg
../images/index_two_icon.png
../images/index_three.jpg
../images/index_three_icon.png
../images/index_four.jpg
../images/index_four_icon.png#需要在線請求的文件路徑，*代表除CACHE以外的文件都進行在線請求
NETWORK:
*# 替代方案 ，當請求失敗時需要跳轉的頁面
FALLBACK:
../error.html
manifest文件分為三個部分：CACHE，NETWORK 和 FALLBACK；
CACHE：是所需要緩存文件的路徑可以是絕對路徑或者相對路徑，一般相對路徑比較好。NETWORK ：是需要即時從服務器請求的文件，一般默認*號，表示除CACHE所列所見以外的文件都是需要即時請求更新的。
FALLBACK：這個頁面時當緩存請求失敗時所需展示的頁面，一般默認一個錯誤頁面。
VERSION：版本號，這是一個附加屬性，可有可無，加這個是為了在頁面改動時，可以進行改動此版本號，使得manifest文件發生改動，從而瀏覽器再次請求html頁面時，發現頁面manifest文件進行改動，瀏覽器會從服務器重新拉取更新的內容。
manifest文件有了，現在所需做的就是把manifest文件和Html文件進行關聯，這個非常簡單：在Html標簽中標簽有一個屬性manifest，就是用來關聯manifest文件的，所以只需要在緩存的html文件中的html標簽上聲明manifest屬性，就可以進行AppCache緩存。
<html manifest="manifest/manifest.appcache">
</html>
（2）這樣服務器端的緩存就處理好了，可以在瀏覽器上進行測試，是完全可以緩存的，但是用在Android上使用WebView加載H5頁面時，則需要在Android端進行設置：
WebSettings webseting = webview.getSettings();
webseting.setDomStorageEnabled(true);
webseting.setAppCacheMaxSize(1024*1024*8);//設置緩沖大小，我設的是8M
String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();
webseting.setAppCachePath(appCacheDir);
webseting.setAllowFileAccess(true);
webseting.setAppCacheEnabled(true);
webseting.setCacheMode(WebSettings.LOAD_DEFAULT);//可以在加載前對網絡進行判斷，如果有網絡，則設置緩存模式為? WebSettings.LOAD_DEFAULT，從服務器請求數據， 如果沒有網絡測設置緩存模式為WebSettings.LOAD_CACHE_ELSE_NETWORK
緩存模式(5種)
LOAD_CACHE_ONLY: ?不使用網絡，只讀取本地緩存數據
LOAD_DEFAULT: ?根據cache-control決定是否從網絡上取數據。
LOAD_CACHE_NORMAL:API level 17中已經廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
LOAD_NO_CACHE:不使用緩存，只從網絡獲取數據.
LOAD_CACHE_ELSE_NETWORK: 只要本地有，無論是否過期，或者no-cache，都使用緩存中的數據。
如：www.taobao.com的cache-control為no-cache，在模式LOAD_DEFAULT下，無論如何都會從網絡上取數據，如果沒有網絡，就會出現錯誤頁面；在LOAD_CACHE_ELSE_NETWORK模式下，無論是否有網絡，只要本地有緩存，都使用緩存。本地沒有緩存時才從網絡上獲取。www.360.com.cn的cache-control為max-age=60，在兩種模式下都使用本地緩存數據。
a、緩存構成根據setAppCachePath(String appCachePath)提供的路徑，在H5使用緩存過程中生成的緩存文件。
b、緩存模式無模式選擇，通過setAppCacheEnabled(boolean flag)設置是否打開。默認關閉，即，H5的緩存無法使用。
c、清除緩存找到調用setAppCachePath(String appCachePath)設置緩存的路徑，把它下面的文件全部刪除就OK了。clearCache(boolean)CacheManager.clear高版本中需要調用隱藏API。
d、控制大小通過setAppCacheMaxSize(long appCacheMaxSize)設置緩存最大容量，默認為Max Integer。同時，可能通過覆蓋WebChromeClient.onReachedMaxAppCacheSize(long requiredStorage, long quota, WebStorage.QuotaUpdater quotaUpdater)來設置緩存超過先前設置的最大容量時的策略。
這樣一來，通過設置服務器端的緩存，與Android前端的緩存，就可以有效解決Html5的加載緩慢問題，該方法雖然解決了緩存問題，但是會發現只是在第二次打開是速度會明顯提升，但是在首次進行加載時，頁面加載還是非常緩慢的，目前還沒想到方案進行解決，后面如果找到方法，則會繼續更新！-
發表博客是為了做個筆記，并且和各位讀者進行交流，互相學習，如果哪位讀者有更好地解決方案，請麻煩留言告知，萬分謝謝！
