App 里打开 H5 页面很慢,怎么做到接近秒开?
简答题困难801 次浏览
参考答案与解析
App 内打开 H5 比在浏览器里多了几步:先要创建 WebView,再从网络拉 HTML、JS、CSS,执行完才开始请求接口数据。这几步是串行的,每一步都在等。做到接近秒开的思路是把能提前的提前、能并行的并行:WebView 预先创建好,静态资源用离线包放到本地,首屏接口由 App 在打开页面的同时就发出去。
速记要点
- 慢在串行:建 WebView → 拉资源 → 执行 → 请求数据
- WebView 预创建和复用,省掉初始化
- 离线包:资源放本地,拦截请求直接读文件
- 数据预取:App 和 WebView 初始化并行拉接口
- 前端本身的首屏优化照样要做
*1. H5 在 App 里打开要经过哪些步骤
