Android:WebView提升首次加载速度

最新推荐文章于 2024-06-18 22:45:11 发布
最新推荐文章于 2024-06-18 22:45:11 发布
阅读量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
    评论
专栏目录
h5 加载完成_Webview加载H5优化小记
weixin_39531178的博客
11-22 598
Webview加载H5优化小记行到水穷处，坐看云起时原文链接一、概述1、背景鉴于H5的优势，客户端的很多业务都由H5来实现，Webview成了App中H5业务的唯一载体。WebView组件是iOS组件体系中非常重要的一个，之前的UIWebView 存在严重的性能和内存消耗问题，iOS 8之后推出WKWebView，旨在代替UIWebView；WKWebView在性能、稳定性、内存占用上有很大的提升...
Android:浅谈app加载H5
fjnu_se的博客
06-15 1372
Android:浅谈app加载H5 引子 顾名思义，H5也就是HTML5。它的开发效率高，一套代码Android和IOS基本上都可以使用，同时呢只需要在每次更新时在服务端进行升级即可，大大的节约了成本和时间。那么这么方便的开发手段，在Android中表现如何呢？我们一起来探讨一下。 背景介绍 现如今的生活节奏越来越快，电子产品更是首当其冲。随着互联网时代的发展，特别是5g时代的到来，再加上各个品牌手机性能的提升，混合开发更加受到很多互联网公司的青睐，其中最原始，最便捷，最轻量级的采用WebView调用H5
android WebView预加载
04-18
个人博客：http://blog.csdn.net/yukimineryuu 现在web app越来越多，webview控件的使用也越来越重要。 有时我们会在启动页或引导页之后，加载一个webview为控件的主页。 但如果跳转之后再加载，会看到webview有一个加载的过程，如果网页较大可能加载起来会很慢。这时我们利用启动页或引导页或中间的广告页的时间来预加载webview，利用View.gone,View.visible来实现控件类的隐藏与显示，这样在启动后得到的主页就是一个已经加载好的页面了。此例中加载新浪这样的比较大的网站，网速良好时，加载基本秒出。相信会给大家带来一些解决此类问题的思路。程序保证能运行，用eclipse写的，有什么问题大家可以留言，一定及时答复。
Android的WebView控件载入网页显示速度慢的究极解决方案
SueAnthony223的专栏
11-05 1459
Android的WebView控件载入网页显示速度慢的究极解决方案 【转载请注明来源自http://hi.baidu.com/goldchocobo/】 Android客户端中混搭HTML页面，会出现虽然HTML内容载入完成，标题也正常显示，但是整个网页需要等到近5秒（甚至更多）时间才会显示出来。研究了很久，搜遍了国外很多网站，也看过PhoneGap的代码，一直无解。 一般人堆WebVi
【Android WebView】WebView基础
最新发布
dev晴天的博客
06-18 1468
web的error 页面比较丑，我们可以在加载失败时，展示安卓自定义的错误展示页。4、动画、银屏、视频 合适加载释放动画、银屏、视频 加载会造成cpu、电量消耗可在activity、 fragment的onResume、onStop进行开关控制。
Android提高Webview网页加载速度的方法
陈立的博客
10-28 2075
Android提高Webview网页加载速度的方法
WebView最佳配置
qin19930929的博客
02-02 566
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
android webview es6,android WebView 替换方案
weixin_28745525的博客
05-26 739
1.腾讯X52.CrosswalkTBS(腾讯浏览服务)的优势速度快：相比系统webview的网页打开速度有30+%的提升；省流量：使用云端优化技术使流量节省20+%；更安全：安全问题可以在24小时内修复；更稳定：经过亿级用户的使用考验，CRASH率低于0.15%；兼容好：无系统内核的碎片化问题，更少的兼容性问题；体验优：支持夜间模式、适屏排版、字体设置等浏览增强功能；功能全：在Html5、ES6...
android性能优化(三)之Webview优化
qingtiantianqing的博客
08-25 9533
阅读本文大概需要 4 分钟。 这篇把Webview的优化单独拎出来，是因为Webview与其他普通view来说有自身独特的特点。 在做一些native+H5应用开发时，Webview的性能问题一直是关注的重点。所谓Webview性能问题，就是从打开Webview页面开始到可以和用户交互，这期间花费的时间相对于原生页面来说过长，从直观上来讲，用户等待的时间变长了！ 而用户...
Android WebView使用和优化
TuGeLe的博客
10-12 1962
本文介绍自己在使用WebView的过程中遇到的一些问题的解决方法和对WebView的一些优化实践 浏览器缓存知识介绍： 浏览器缓存之 Expires ， max-age，   Etag ，  Last-Modified （其中Expires，max-age是客户端在这个时间之前不去向服务器端发送请求验证资源是否有更新， Etag， Last-Modified是服务器决定是否需要返
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内加速webview加载策略总结
Ansionnal的专栏
12-03 3355
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 383
一：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 3473
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 2550
前言:在客户端开发过程中, 我们难免有一些页面需要配合h5去展示, android中使用webview去加载h5页面, 但是使用h5页面去加载的时候, 明显体验要比原生差很多, 尤其是第一次请求网页时.这是因为h5页面在加载时, 需要从服务器获取各种资源,比如: 图片, js文件, css文件, 自身api等... 相比而言, 客户端的资源都是静态的, 我们通常只是去请求个自己的api, 用户体...
android加载webview太慢,在Android中加载本地html页面的Webview很慢
weixin_39967938的博客
05-26 262
尝试这段代码以获得更好的性能AssetManager mgr = getContext().getAssets();try {InputStream in = mgr.open(FileName,AssetManager.ACCESS_BUFFER);String sHTML = streamToString(in);in.close();//display this html in the br...
Android开发：WebView基础与加载网页实战
"这篇文章除了介绍Android开发中WebView的基本使用，还涉及了WebViewClient和WebChromeClient的设置，以及处理网页加载错误的方法。" 在Android开发中，WebView是一个非常重要的组件，它允许应用程序内嵌入网页内容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值