Skip to content

Commit a5646b4

Browse files
committed
feat: 增加H5优化提速(WebView提速方案)的资料
1 parent 16e5b9b commit a5646b4

2 files changed

Lines changed: 27 additions & 3 deletions

File tree

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
# WebView加速方案
2+
3+
### 前言
4+
5+
现在H5开发对移动终端的重要性不必多提,但H5在native中有很明显的缺陷,比如首次白屏、要等很久的loading等,那我们怎么提高性能体验呢?首先我们要分析,耗时占比的大头是哪一块?是WebView容器初始化太慢?还是资源太多下载太慢?还是渲染太久?市面上主流的方案都是打组合拳,全栈手段优化达到最优,
6+
7+
### 博文
8+
9+
- [WebView性能、体验分析与优化](https://tech.meituan.com/2017/06/09/webviewperf.html)
10+
> 非常清晰的思路,从打开一个WebView经历的阶段开始,逐个攻破优化。
11+
12+
- [70%以上业务由H5开发,手机QQ Hybrid 的架构如何优化演进?](https://mp.weixin.qq.com/s/evzDnTsHrAr2b9jcevwBzA)
13+
> 在快速的Web运营节奏和高性能的要求下,QQ团队采用动态CDN、后台渲染等全栈手段优化体验,也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。
14+
15+
- [iOS 性能优化 -- H5离线秒开](https://juejin.im/post/5cd4fda8f265da03a00febe1)
16+
> 方案优劣比对和选型,各有利弊,没有最好的方案,只有最适合的方案。
17+
18+
###
19+
20+
- [VasSonic](https://github.com/Tencent/VasSonic)
21+
> 静态直出+动静分离,优化到WebView性能极点。
22+
23+
- [CacheWebView](https://github.com/yale8848/CacheWebView)
24+
> 相比起VasSonic的成本,CacheWebView是对小公司更为友好的方案,本地资源+利用OkHttp自带的缓存,上手超快。
25+
26+

SUMMARY.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,7 @@
5353

5454
* Deeplink
5555

56-
* 首屏加速
57-
58-
* 离线包
56+
* [加速方案](1. 系统源码/组件/WebView/加速方案.md)
5957

6058
* RecyclerView
6159

0 commit comments

Comments
 (0)