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

2024-04-10 08:16:09

一、背景

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

二、业界常见方案

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

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

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

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

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

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

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

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

三、实践方案

1，图片资源优化：减少图片的体积图片资源都走线上。不打在包里面先，相当于图片保存一个位置用链接加载图片其次如果图片加载慢可以做模糊加载优化

2，包体积的处理：尽量减少包的体积，废除无用代码

3，骨架屏：增加用户体验，先出一个框架，然后页面加载完成在展示真实的页面

4，懒加载：对于除了首页的页面ÿ

App中WebView网页加载优化实战干货相关推荐

java 类加载 apk_在Android的App中动态的加载Java类
原文的地址:http://yenliangl.blogspot.com/2009/11/dynamic-loading-of-classes-in-your.html 我正在编写一个应用程序能够加载别 ...
Android中webview拨打加载网页中的电话超链接
wv_main = find(R.id.wv_main);//实例化webview wv_main.loadUrl(url); //启用支持javascript WebSettings setting ...
Android 网页加载问题
Android webView网页加载问题 1.出现 ERR_CACHE_MISS 无法加载异常解决方案: 在AndroidMainfest里添加网络权限: <uses-permission ...
网页优化之WebView预加载
前言现在许多app都嵌入了H5页面,H5具有开发周期短.灵活性好的特点.但是WebView的性能问题却一直影响着用户体验.特别突出的就是加载速度慢和消耗流量. 在项目中,我做了一个测试,加载一个默认 ...
webview 加载php页面内容,WebView加载优化的方法介绍
本篇文章给大家带来的内容是关于WebView加载优化的方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. WebView加载优化当WebView的使用频率变得频繁的时候,对于其 ...
WebView之加载网页时增加进度提示
上一节讲了一些webview的基本使用以及在记载网页时如何屏蔽掉第三方浏览器,使我们自己开发的程序成为一个微型浏览器.那么这一节将一下在webView加载网页的过程中如何加上进度提示.效果图如下: 主 ...
web前端网页加载性能优化大全
web前端性能优化 - - 如何提高网页加载速度文章目录 web前端性能优化 --- --- 如何提高网页加载速度 1. 减少DNS查找 2. 使用CDN托管资源 3. 减少Http请求浏览器 ...
WebView监听网页加载成功与失败
问题说明: 现在好多APP在应用中会内嵌webview,好多时候需要监听webview是否加载成功与失败.当加载成功的时候会回调WebViewClient的onPageFinished方法:当加载失败 ...
queueing 优化_简单聊聊网页的资源加载优化
移动开发中很重要的一块是资源的加载优化.移动开发由于网速低带宽,高延迟,移动设备小内存,低处理器性能的原因,因此很多时候不得不通过优化前端页面的性能来满足用户对网页加载的预期. 前段时间做了相关方面的 ...
分享网页加载速度优化的一些技巧？
日期:2013-2-17 来源:GBin1.com 不管你是不是相信,在最近的几年里,互联网网页的大小已经显著增大了.由HTTP Archive研究得出的结果表明,目前平均一个页面的大小是1.25M ...

最新文章

热门文章