一、我自己都嫌弃
最近不是在用uni-app
写原生APP嘛,在开发的时候都没什么感觉,等到打正式包的时候发现一个很离谱的事情:首次启动APP的速度巨慢!!!
,平均下来启动都要6s的程度。这样的APP,我打开后下一步应该是卸载了
二、文档推荐的不一定适合
从使用上来看,APP打开的步骤是:APP启动 -> 展示软件logo页面 -> 软件logo页面消失 -> 进入首页
,现在的问题就是页面在展示软件logo页面
这个步骤停留的时间太久了。找到了问题所在,直奔文档!
uni-app
有一个启动界面的配置,其中有个等待首页渲染完毕后再关闭Splash图
,官方是推荐勾选的
勾选后需要等待首页渲染完成后
再关闭启动界面,即软件logo页面消失
。这是一种等所有东西准备好了才展示给用户的方式,但是牺牲了启动速度,用户体验反而大大下降
三、还是快点给用户看到
知道了原因,那就很容易解决了
1.不勾选等待首页渲染完毕后再关闭Splash图
和启动界面显示等待雪花
,
2.再配置一下JSON,把autoclose
设置为false
3.在App.vue
中手动关闭
正如文档所说,不勾选等待首页渲染完毕后再关闭Splash图
,在部分设备确实会闪一下白屏,所以添加一个延迟,至于延迟多少,按照自己的软件调一个合适的时间即可
4.上面的操作过后,首次启动时间平均在2s,终于不用打开就卸载了