网页加载过慢是 Android 开发中常见的问题，尤其是在使用 `
WebView`
加载远程
网页时。以下是一些优化 `
WebView`
加载速度的常见方法和解决方案。
---
## ✅ 1. 启用缓存策略
合理使用缓存可以显著提升
加载速度，尤其是对于重复访问的页面。
```java
WebSettings webSettings =
webView.getSettings();
webSettings.setCacheMode(WebSettings.LOAD_DEFAULT); // 使用默认缓存策略
```
### 可选值说明：
- `LOAD_DEFAULT`: 根据缓存策略自动决定是否使用缓存。
- `LOAD_CACHE_ELSE_NETWORK`: 优先使用缓存，即使缓存过期，没有缓存时才请求网络。
- `LOAD_NO_CACHE`:
不使用缓存。
- `LOAD_CACHE_ONLY`: 仅使用缓存，
不请求网络。
---
## ✅ 2. 启用预
加载和离线
加载支持
```java
webSettings.setAppCacheEnabled(true);
webSettings.setAppCachePath(getCacheDir().getPath());
webSettings.setDatabaseEnabled(true);
webSettings.setDomStorageEnabled(true);
```
这些设置可以让你的
WebView 支持 HTML5 的本地存储和应用缓存，从而提升
加载速度。
---
## ✅ 3. 启用硬件加速（在 Android 4.0+）
在 `AndroidManifest.xml` 中为你的 Activity 启用硬件加速：
```xml
<activity
android:name=".MainActivity3"
android:hardwareAccelerated="true" />
```
这会利用 GPU 加速渲染，提高
WebView 的绘制效率。
---
## ✅ 4. 使用 `onPageStarted` 和 `onPageFinished`
显示加载进度
添加一个进度条让用户感知
加载状态，提高用户体验：
```java
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(
WebView view, int newProgress) {
// 更新进度条
progressBar.setProgress(newProgress);
if (newProgress == 100) {
progressBar.setVisibility(View.GONE);
}
}
});
```
---
## ✅ 5. 使用 `shouldInterceptRequest` 拦截资源请求（高级）
你可以拦截
WebView 的资源请求，使用 OkHttp 等更快的网络库来
加载资源。
```java
webView.set
WebViewClient(new
WebViewClient() {
@Override
public WebResourceResponse shouldInterceptRequest(
WebView view, String url) {
if (url.contains(".js") || url.contains(".css") || url.contains(".png")) {
try {
OkHttpClient client = new OkHttpClient();
Request request = new Request.Builder().url(url).build();
Response response = client.newCall(request).execute();
if (response.isSuccessful()) {
ResponseBody body = response.body();
if (body != null) {
return new WebResourceResponse(
"text/javascript", // MIME type
"UTF-8",
body.byteStream()
);
}
}
} catch (IOException e) {
e.printStackTrace();
}
}
return super.shouldInterceptRequest(view, url);
}
});
```
⚠️ 注意：这种方式对性能有影响，建议只拦截关键资源。
---
## ✅ 6. 使用 `evaluateJavascript` 延迟
加载非关键内容
如果
网页中包含大量
图片或视频，可以在页面
加载完成后通过 JS 延迟
加载这些资源。
```java
webView.set
WebViewClient(new
WebViewClient() {
@Override
public void onPageFinished(
WebView view, String url) {
webView.evaluateJavascript("document.querySelectorAll('img').forEach(img => img.loading = 'lazy');", null);
}
});
```
---
## ✅ 7. 使用 CDN 加速
网页资源
如果你控制
网页服务器，建议使用 CDN 来加速资源
加载，减少用户请求延迟。
---
## ✅ 8. 使用
WebView 的预
加载策略（进阶）
你可以在后台提前
加载 WebView，比如在 Splash 页中创建并
加载 WebView，等主页面需要时直接
显示。
---
## ✅ 示例优化后的 `SetUpTheWebPage()` 方法
```java
private void SetUpTheWebPage() {
WebSettings webSettings =
webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setUseWideViewPort(true);
webSettings.setLoadWithOverviewMode(true);
webSettings.setDomStorageEnabled(true);
webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
webSettings.setAppCacheEnabled(true);
webSettings.setAppCachePath(getCacheDir().getPath());
webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH);
webSettings.setJavaScriptCanOpenWindowsAutomatically(false);
webSettings.setSupportMultipleWindows(false);
webSettings.setBuiltInZoomControls(false);
webSettings.setDisplayZoomControls(false);
webView.addJavascriptInterface(new JavascriptBroadcastInterfaces(), "broadcast");
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(
WebView view, int newProgress) {
// 更新进度条或
加载状态
}
});
webView.set
WebViewClient(new
WebViewClient() {
@Override
public void onPageFinished(
WebView view, String url) {
webView.evaluateJavascript("document.querySelectorAll('img').forEach(img => img.loading = 'lazy');", null);
}
@Override
public boolean shouldOverrideUrlLoading(
WebView view, String url) {
view.loadUrl(url);
return true;
}
});
if (value.equals("0")) {
url = "http://192.168.2.36:8088/#/electrStation/greenTemp";
} else if (value.equals("1")) {
url = "http://some-other-url.com";
}
webView.loadUrl(url);
}
```
---
## ✅ 总结
| 优化方法 | 说明 |
|----------|------|
| 启用缓存 | 提升重复访问速度 |
| 硬件加速 | 提升渲染性能 |
| 预
加载资源 | 减少用户等待时间 |
| 进度条 | 提升用户体验 |
| 拦截资源请求 | 使用 OkHttp 等高效库
加载资源 |
| 延迟
加载图片 | 减少初始
加载时间 |
---
###
本文介绍了在使用WebView加载网页时遇到图片无法显示的问题，并详细解释了解决方案，尤其是在Android 5.0及以上版本中如何通过设置MixedContentMode来正确加载HTTP资源。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
