App中WebView网页加载优化实战干货

一、背景

移动App内嵌网页是实现快速开发上线，已经成为常规业务活动主流方案，但摆在面前的事实是，网页的加载性能和体验都不如Native效果好也是公认的，那么有没有一些优化可以达到或接近Native效果呢？

二、业界常见方案

1， 一个加载网页的过程中，native、网络、后端处理、CPU都会参与，各自都有必要的工作和依赖关系；让他们相互并行处理而不是相互阻塞才可以让网页加载更快：

2，WebView初始化慢，可以在初始化同时先请求数据，让后端和网络不要闲着。

3，后端处理慢，可以让服务器分trunk输出，在后端计算的同时前端也加载网络静态资源。

4，脚本执行慢，就让脚本在最后运行，不阻塞页面解析。

5，同时，合理的预加载、预缓存可以让加载速度的瓶颈更小。

6，WebView初始化慢，就随时初始化好一个WebView待用。

7，DNS和链接慢，想办法复用客户端使用的域名和链接。

8，脚本执行慢，可以把框架代码拆分出来，在请求页面之前就执行好。

三、实践方案

1，图片资源优化：减少图片的体积 图片资源都走线上。不打在包里面先，相当于图片保存一个