wkwebview白屏本质是webcontent进程因内存超限被系统强制终止，导致图像纹理无法上屏；典型表现为退后台唤醒白屏、快速滑动后图片留白，需通过webviewwebcontentprocessdidterminate回调重载页面并配合图片轻量化防控。
移动端 WebView 内存过高导致 H5 图片白屏，本质不是图片“没加载完”，而是渲染进程被系统强制终止（尤其是 iOS WKWebView 的 WebContent Process 崩溃，或 Android 低内存下 WebView 渲染线程异常退出），此时页面 DOM 仍在、JS 可能运行，但图像纹理无法上屏——表现为图片区域留白、背景图消失、<img> 占位却无内容。
优先识别是否真由内存触发
别一见白屏就归为内存问题。先确认典型内存白屏特征：
- iOS 上：页面退到后台再切回，瞬间白屏；连续快速滑动长列表后点击图片区域变空白；Xcode 或 Safari Web Inspector 中看不到 JS 报错，但控制台提示
WebContent process terminated - Android 上：低端机（如 Android 6.0–7.1）打开高清图多的页面后卡顿几秒，随后整个 WebView 区域变白；Logcat 出现
OutOfMemoryError或kill process相关日志；onPageFinished正常回调，但onProgressChanged停在 100% 后无渲染 - 共性表现：白屏时页面仍可点击、滚动，URL 和 title 未变，但截图像素分析显示大量纯白/背景色区域
响应式图片必须做轻量化适配
原图直传是内存杀手。尤其在 WebView 中，<picture></picture> 和 srcset 的解析、解码、缩放全部发生在主线程或渲染进程内，高分辨率图（如 3000×2000）在 dpr=3 设备上会申请数倍显存，极易触碰系统内存阈值。
- 服务端动态裁剪：所有图片请求走 CDN 或图片服务，强制带尺寸参数，例如
https://img.example.com/pic.jpg?w=400&dpr=2。避免前端用 CSS 缩放原始大图 - 禁用
background-image做响应式图：它无法设置loading="lazy"，不支持srcset，且多个同级 background 图会抢占 HTTP 并发连接，加剧加载阻塞。关键视觉图一律改用<img> - 使用现代格式但降级兜底：优先输出 WebP/AVIF，但必须提供
<source type="image/webp"></source>+<img src="fallback.jpg">结构；iOS 旧版 WKWebView 不支持 AVIF，强行使用会导致整张图不渲染 - 限制单页图片总像素：通过工具统计首屏图片总 resolution，建议不超过 200 万像素（例如 1080×1800 屏幕下，最多展示 2 张 1000×1000 图）。超量时自动懒加载或降质
WebView 层主动防控内存溢出
不能只靠前端优化，Native 侧需配合做资源节制和异常恢复：
- iOS WKWebView：实现
webViewWebContentProcessDidTerminate:回调，在进程崩溃后立即loadRequest:重载当前 URL。注意加防抖，避免重载风暴 - Android WebView：在 Activity/Fragment
onDestroy()中严格调用mWebView.destroy()并置 null；避免 WebView 持有 Activity 引用造成内存泄漏；对图片密集页，可考虑用WebView#pauseTimers()暂停 JS 定时器释放压力 - 统一图片加载策略：Native 层拦截图片请求（
shouldInterceptRequest/decidePolicyForNavigationAction），对大于 1MB 的图片返回空响应或低清占位图，前端再按需发起高清请求 - 启用硬件加速但规避已知缺陷：Android 5.0+ 开启
webSettings.setHardwareAccelerated(true)，但对部分机型（如三星 S6/S7）需额外关闭setLayerType(LAYER_TYPE_HARDWARE, null)防止图层撕裂引发白屏
上线前必做的两项验证
很多白屏问题在开发环境完全不可见，必须模拟真实弱环境验证：
- 内存压测：Android 用
adb shell am set-instrumentation -w或 Profile GPU Rendering 观察帧率骤降点；iOS 在 Xcode → Debug → Simulate Memory Warning 主动触发回收，观察图片是否恢复 - 离线缓存兜底：所有图片资源添加
Cache-Control: public, max-age=31536000，并用 Service Worker 缓存关键图。即使网络断开或内存紧张，也能从磁盘快速复原，避免白屏+重新加载的双重失败
