最近排查android webview https的发热耗电和加载速度慢问题解决

Posted 2020-11-09

最近排查android webview https的发热耗电和加载速度慢问题
问题：H5页面发热耗电
排查：通过android studio profiler 查看CPU消耗曲线，发现静置情况下webview轮播图波浪式消耗CPU，且峰值高达45%。因为WebView加载的H5页面中的动画导致的是整个WebView的重绘。
解决：换用X5内核，没能解决CPU峰值高问题。发现轮播图是JQUERY写的，换用纯js实现轮播图，问题解决，CPU峰值降为8%。

问题：https H5加载速度慢
解决：1、首先排查https加速，启用session ticket可以减少TLS的握手连接，等同http方式的加载速度。若没有启用就执行启动。主要是安装proxy抓包工具的证书，使能够抓包https，才能查看是否启用session ticket。及wireshark工具，查看底层网络tcpip连接的https tls握手交互连接步骤顺序时间等。有工具才能查看数据，通过数据排查加速效果。
2、android webview 加载慢的排查，主要通过webview 的 WebViewClient回调方法：onPageStarted开始加载，onLoadResource加载资源，onPageFinished加载结束。都打印log进行排查时间消耗。同比更换X5内核，可以达到提高30%速度。JS脚本延迟加载,可以加速渲染速度，同比提高40%。setBlockNetworkImage使用，可以逐步显示，先渲染文本再渲染图片，视觉上有加速效果。