# Webview优化
# 方案
一般来说，WebView 渲染需要经过下面几个步骤
- 解析 HTML 文件
- 加载 JavaScript 和 CSS 文件
- 解析并执行 JavaScript
- 构建 DOM 结构
- 加载图片等资源
- 页面加载完毕
# 制定指标
白屏统计 我们把 WebView 截图的图片进行缩小到原图的 1/6，遍历检测图片的像素点，当非白色的像素点大于 5% 的时候我们就认为是非白屏的情况，可以相对高效检测准确得出详情页是否发生了白屏
# 思路
# 方案
- 建立页面模板(内置客户端中)
- 从本地读取模板 + 数据注入
- 渲染页面
# 优化
- 模板预热
- 网络优化 CDN
- 容灾
- html正文服务端直出
- 图片资源客户端拦截+缓存
- 白屏降级