由于H5应用具备开发周期短、灵活性好的特点，所以OA项目应用功能开发过程中经常结合WebView +H5进行Hybrid模式开发，但Android 原生WebView客观存在的性能问题，导致H5应用加载速度慢，影响用户体验。基于OA H5应用中找到审批详情加载慢的原因，并对其优化。
一个页面在WebView中加载的粗略流程如下:
WebView初始化
当App首次打开时，默认是并不初始化浏览器内核的；只有当创建WebView实例的时候，才会创建WebView的基础框架；所以与浏览器不同，App中打开WebView的第一步并不是建立连接，而是启动浏览器内核。
针对Android WebView的初始化，分为首次初始化与第二次初始化。
首次初始化时间：客户端冷启动后，第一次打开WebView，从开始创建WebView到开始建立网络连接之间的时间
二次初始化时间：在打开过WebView后，退出WebView，再重新打开WebView，从开始创建WebView到开始建立网络连接之间的时间
| 设备环境 | 首次初始化(ms) | 第二次初始化(ms) |
|---|---|---|
| 华为Mate 20 pro EMUI 10.1.0 (Android 10.0) | 196.2 | 34.7 |
| 华为P20 pro EMUI 10.0.0(Android 10.0) | 356.1 | 56.8 |
| 华为EH880 EMUI4.0(Android 6.0) | 191.6 | 43.7 |
以上皆为在OA应用上测试15次得出的平均数据
OA App 版本 1.0.30.*
公司生产环境-通知公告全区
由此可见，WebView在首次比非首次初始化时间消耗很多；可以尝试将WebView首次初始化提前准备，作为一个优化点。
方案: 提前初始化WebView备用。
数据加载
根据W3C介绍的有关页面导航时序规范，给我们提供了navigation Timing交互性能检测指标，可以帮助我们量化有关数据加载的指标。
具体的参数说明可以在官方了解 Navigation Timing
在性能优化方面，我们可以通过Navigation Timing 帮我们省去了繁琐的手动断点的操作，而且提供了以前我们我们无法获取的数据，比如DNS和TCP连接所需的时间。同时，Chrome给我们提供了辅助插件 DevTools可以协助调试。
Performance指标：
NekWork指标：
从性能指标与网络请求的过程看出，在加载页面时对首屏展示的时间直接影响了整体页面的体验效果。Web页面是由许多个资源和请求、渲染、绘制等一起参与加载出来的，而每个资源(