Android:WebView提升首次加载速度

最新推荐文章于 2024-05-29 10:31:35 发布
最新推荐文章于 2024-05-29 10:31:35 发布
阅读量8k 收藏 6
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23575795/article/details/83473418
版权

    例如:在商城类app的商品详情页由H5开发 ,在原生加载H5时,由于渲染,js加载过多,造成一个页面显示需要2~3s,这是不能忍受的.要想缩短这个时间,考虑到app启动时,初始化WebView组件以及提前加载H5那边不能懒加载的相关js:

1.全局初始化:

2.预加载的js清单(native.html),当然可以单独开服务接口获取这个清单,也可以放到本地:

demo地址:https://github.com/RightOfHand/WebViewDemo.git

踏雪-飞鸿
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
秒开WebView？Android性能优化全攻略
chuyouyinghe的专栏
04-09 1143
在Android应用开发中，WebView是一个常用的组件，用于在应用中展示网页内容。然而，WebView的启动速度和性能可能会影响用户体验，特别是在一些性能较低的设备上。本文将介绍一些优化WebView启动的技巧，以提高应用的响应速度和用户体验。在优化WebView启动的过程中，主要有以下几个方面：加载优化：通过预加载，延迟加载，可以有效减少启动的时间。请求优化：通过并行、拦截请求策略，可以加快网络耗时，与减少重复的耗时。缓存优化：合理使用缓存，减少网络请求，提高加载速度。
android WebView预加载
04-18
个人博客：http://blog.csdn.net/yukimineryuu 现在web app越来越多，webview控件的使用也越来越重要。 有时我们会在启动页或引导页之后，加载一个webview为控件的主页。 但如果跳转之后再加载，会看到webview有一个加载的过程，如果网页较大可能加载起来会很慢。这时我们利用启动页或引导页或中间的广告页的时间来预加载webview，利用View.gone,View.visible来实现控件类的隐藏与显示，这样在启动后得到的主页就是一个已经加载好的页面了。此例中加载新浪这样的比较大的网站，网速良好时，加载基本秒出。相信会给大家带来一些解决此类问题的思路。程序保证能运行，用eclipse写的，有什么问题大家可以留言，一定及时答复。
webview预加载的技术原理和注意点
最新发布
conerconced的博客
05-29 1693
此文章介绍webview预加载的技术原理和注意点网页优化，对网页的webview进行预加载，用户点开页面达到秒开效果，即空间换时间
Android的WebView控件载入网页显示速度慢的究极解决方案
SueAnthony223的专栏
11-05 1446
Android的WebView控件载入网页显示速度慢的究极解决方案 【转载请注明来源自http://hi.baidu.com/goldchocobo/】 Android客户端中混搭HTML页面，会出现虽然HTML内容载入完成，标题也正常显示，但是整个网页需要等到近5秒（甚至更多）时间才会显示出来。研究了很久，搜遍了国外很多网站，也看过PhoneGap的代码，一直无解。 一般人堆WebVi
Android提高Webview网页加载速度的方法
陈立的博客
10-28 2070
Android提高Webview网页加载速度的方法
WebView最佳配置
qin19930929的博客
02-02 565
webview最佳配置： mWebView = (BridgeWebView) findViewById(R.id.main); WebSettings settings = mWebView.getSettings(); settings.setJavaScriptEnabled(true); // 启用js settings.s
Android 加载webview页面
weixin_42630638的博客
07-14 788
XML <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_w
DatDiscoveryWebview:替换用于Android WebView的Discovery-Swarm
05-02
`DatDiscoveryWebview`将`Discovery-Swarm`集成到Android应用中，使得WebView加载的内容能够利用P2P网络进行分发和获取，从而可能提升用户体验。 这个项目基于两个核心技术：`WebRTC`和`Beaker Browser`的`Dat ...
深入探索Android启动速度优化1
08-03
Android应用启动速度的优化对于提升用户体验至关重要。用户期待快速响应的应用，慢速启动可能导致用户流失。优化启动速度能减少用户等待时间，增强第一印象，提高用户满意度。同时，启动速度也是评价应用性能的重要...
andriod webview仿酷我用户引导页
11-05
- 加载本地资源：为了提高加载速度，通常会将引导页的HTML、CSS和JavaScript文件打包到应用的assets目录下，然后通过`file:///android_asset/`路径加载。 - 设置Webview缓存：为了离线状态下也能展示引导页，可以...
ChromeCustomTag:ChromeCustomTag Android
05-08
在Android开发中，通常会使用WebView组件来加载和显示网页内容。然而，原生的WebView可能在某些功能上有所限制，例如对HTML5新特性的支持不足、渲染性能较低等。ChromeCustomTab正是为了解决这些问题而诞生的。它...
Android-ListWebView:列表预加载WebView，缓存Html，点击加载WebView缓存图片
04-28
实现效果 示例 这是运行的效果 简单解释 1.列表使用的是RecyclerView，实现滑动3s之后再缓存网页HTML，每个Item对应于一个HTML。每个HTML获得源码、缓存之后就给Item一个标记 代码： （1）判断滑动3s之后开始预加载： 1 mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { 2            CountDownTimer countDownTimer; 3 4            @Override 5            public void onScrollStateChanged(RecyclerView recyclerView, int newState) { 6                switch (newState) { 7     
FastWebView:自定义本地缓存策略和资源加载策略，突破原生WebView缓存限制，实现多种缓存模式，支持离线加载和预加载，可大幅提升加载速度
05-28
FastWebView 背景 Android原生WebView有磁盘缓存最大上限，在4.4之前只有10M，在4.4及其之后虽然提升至20M，但对频繁的H5业务场景来说，还是太小了。HTTP的缓存部分采用LRU缓存算法实现，我们在使用HTTP缓存协议对资源缓存时，太小的缓存空间很容易导致页面缓存被清除，从而重新加载。不仅浪费用户的流量，也会造成不好的用户体验。 如果服务器或者客户端的开发同学对HTTP缓存协议不熟悉，就很容易导致无法高效的利用缓存。况且，就算使用了HTTP协议缓存，在使用本地缓存之前，默认需要经过一次请求来校验缓存是否过期，如果在弱网环境下就会极大的拖慢H5加载速度。 FastWebView通过自定义本地缓存的方式，突破原生WebView缓存限制，提供多种缓存模式，支持预加载和离线加载，并友好的支持离线预推，可以大幅提升H5加载速度。经过千万级用户的项目实践数据证明，二次加载
Android实现WebView懒加载
08-27
Android实现WebView懒加载，提前进行页面JS资源加载。减少WebView加载时间及加载资源问题。Android 8.0以前需要引入X5内核，Android 8.0以后无特殊要求。
Android利用pdfJS浏览pdf（本地，网络）优化
11-18
7. **性能优化**：在实际应用中，为了提升用户体验，可能需要进行一些额外的优化，例如预加载部分页面、异步加载大文件、分页加载等策略，以减少内存占用和提高响应速度。 8. **错误处理**：考虑到网络不稳定或文件...
android内加速webview加载策略总结
Ansionnal的专栏
12-03 3349
1，参考了美团的WebView性能、体验分析与优化 - 美团技术团队 2，qq的70%以上业务由H5开发，手机QQ Hybrid 的架构如何优化演进？ 把webview的优化分成三块， 1，webview初始化 2，建立链接，接收页面、样式、渲染（框架） 3，脚本解析，loading数据、渲染（数据） 针对这三块，分别有方案如下： 1，app启动时启动webview进程，提前初始化； 2，采用相同域名，节省dns时间、同步渲染用chunk编码分块输出； 3，对于htm的框架加载，参考雅
android 加载webview网页
yanshanshu的博客
01-20 381
一：xml<WebView android:id="@+id/wb_details" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alig
关于Android的WebView控件加载网页慢的原因
gaoshan85的专栏
12-16 3440
APP中使用WebView加载h5网页显示商品详情。由于H5中掺杂大量图片，导致WebView加载超级慢，尤其在网速30k/s的弱网速情况下，显示相当糟糕。 于是，着手开始优化webView的显示问题。 主要从如下方面进行： 1、提高渲染的优先级 // webSettings.setRenderPriority(RenderPriority.HIGH); 2、使把图片加载放在最后来加载渲染 webSettings.setBlockNetworkImage(true); ...
android全局webview加载慢,android webview首次加载速度过慢解决
weixin_36211536的博客
05-26 2527
前言:在客户端开发过程中, 我们难免有一些页面需要配合h5去展示, android中使用webview去加载h5页面, 但是使用h5页面去加载的时候, 明显体验要比原生差很多, 尤其是第一次请求网页时.这是因为h5页面在加载时, 需要从服务器获取各种资源,比如: 图片, js文件, css文件, 自身api等... 相比而言, 客户端的资源都是静态的, 我们通常只是去请求个自己的api, 用户体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值